Nombres de atributos con guiones en JavaScript

Los atributos personalizados pueden contener guiones en su nombre, por ejemplo, así:

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

Para acceder a tales atributos, se debe usar camelCase:

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

Задание 1

Se da el siguiente código:

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

Haga que al hacer clic en el div, al final de su texto se agregue el costo de la compra, igual al precio multiplicado por la cantidad.