Nomes de atributos com hífens em JavaScript

Atributos personalizados podem conter hífens em seus nomes, por exemplo, assim:

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

Para acessar esses atributos, você deve usar camelCase:

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

Задание 1

Dado o seguinte código:

html<div id="elem" data-product-price="1000" data-product-amount="5">
  produto maçãs
</div>

Faça com que, ao clicar no div, o custo total da compra (igual ao preço multiplicado pela quantidade) seja adicionado ao final do seu texto.