Имена атрибутов с дефисами в 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>

Сделайте так, чтобы по клику на див в конец его текста добавлялась стоимость покупки, равная цене, умноженной на количество.