Имена на атрибути с тирета в 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 в края на неговия текст да се добави стойността на покупката, равна на цената, умножена по количеството.