Пользовательские атрибуты с дефисами в JavaScript

Пользовательские атрибуты могут содержать дефисы в своем названии, например, вот так:

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

Для обращения к таким атрибутам следует использовать camelCase:

let elem = document.querySelector('#elem'); alert(elem.dataset.myTest);

Дан следующий код:

<div id="elem" data-product-price="1000" data-product-amount="5"> товар яблоки </div>

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