Attribuutnamen met streepjes in JavaScript
Aangepaste attributen kunnen streepjes in hun naam bevatten, bijvoorbeeld zo:
<div id="elem" data-my-test="1000"></div>
Om toegang te krijgen tot dergelijke attributen moet je camelCase gebruiken:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
De volgende code is gegeven:
<div id="elem" data-product-price="1000" data-product-amount="5">
product appels
</div>
Zorg ervoor dat bij een klik op de div aan het einde van zijn tekst de totale kosten van de aankoop worden toegevoegd, gelijk aan de prijs vermenigvuldigd met de hoeveelheid.
