Názvy atributů s pomlčkami v JavaScriptu
Uživatelské atributy mohou obsahovat pomlčky ve svém názvu, například takto:
<div id="elem" data-my-test="1000"></div>
Pro přístup k takovým atributům byste měli použít camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Je dán následující kód:
<div id="elem" data-product-price="1000" data-product-amount="5">
zboží jablka
</div>
Zařiďte, aby po kliknutí na div se na konec jeho textu přidala celková cena nákupu, rovná ceně vynásobené množstvím.