Ονόματα χαρακτηριστικών με παύλες στο JavaScript

Τα προσαρμοσμένα χαρακτηριστικά μπορούν να περιέχουν παύλες στο όνομά τους, για παράδειγμα, όπως εδώ:

html<div id="elem" data-my-test="1000"></div>

Για να αναφερθείτε σε τέτοια χαρακτηριστικά, θα πρέπει να χρησιμοποιήσετε camelCase:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);

Задание 1

Δίνεται ο ακόλουθος κώδικας:

html<div id="elem" data-product-price="1000" data-product-amount="5">
  προϊόν μήλα
</div>

Κάντε έτσι ώστε με το κλικ στο div στο τέλος του κειμένου του να προστίθεται το κόστος αγοράς, ίσο με την τιμή πολλαπλασιασμένη με την ποσότητα.