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をクリックした時に、そのテキストの末尾に価格と数量を乗算した購入金額が追加されるようにしてください。