Nazwy atrybutów z myślnikami w JavaScript
Niestandardowe atrybuty mogą zawierać myślniki w swojej nazwie, na przykład tak:
<div id="elem" data-my-test="1000"></div>
Aby odwołać się do takich atrybutów, należy użyć camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Dany jest następujący kod:
<div id="elem" data-product-price="1000" data-product-amount="5">
towar jabłka
</div>
Spraw, aby po kliknięciu na div na końcu jego tekstu dodawała się wartość zakupu, równa cenie pomnożonej przez ilość.
