Názvy atribútov s pomlčkami v JavaScripte
Užívateľské atribúty môžu obsahovať pomlčky v svojom názve, napríklad takto:
<div id="elem" data-my-test="1000"></div>
Pre prístup k takýmto atribútom by sa mal použiť camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Daný je nasledujúci kód:
<div id="elem" data-product-price="1000" data-product-amount="5">
tovar jablká
</div>
Zaistite, aby sa po kliknutí na div na koniec jeho textu pridala celková cena nákupu, ktorá sa rovná cene vynásobenej množstvom.