Numele atributelor cu cratime în JavaScript

Atributele personalizate pot conține cratime în denumirea lor, de exemplu, astfel:

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

Pentru a accesa astfel de atribute, ar trebui să folosiți camelCase:

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

Задание 1

Este dat următorul cod:

html<div id="elem" data-product-price="1000" data-product-amount="5">
  produs mere
</div>

Faceți ca la click pe div, la sfârșitul textului său să se adauge costul achiziției, egal cu prețul înmulțit cu cantitatea.