Імёны атрыбутаў з дэфісамі ў 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>

Зрабіце так, каб па кліку на дыў у канец яго тэксту дадавалася кошт покупкі, роўны цане, памножанай на колькасць.