Noms d'attributs avec des traits d'union en JavaScript
Les attributs personnalisés peuvent contenir des traits d'union dans leur nom, par exemple, comme ceci :
<div id="elem" data-my-test="1000"></div>
Pour accéder à de tels attributs, vous devez utiliser le camelCase :
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Le code suivant est donné :
<div id="elem" data-product-price="1000" data-product-amount="5">
produit pommes
</div>
Faites en sorte qu'un clic sur la div ajoute à la fin de son texte le coût total de l'achat, égal au prix multiplié par la quantité.
