Attribuuttien nimet väliviivoilla JavaScriptissä
Mukautetut attribuutit voivat sisältää väliviivoja nimessään, esimerkiksi näin:
<div id="elem" data-my-test="1000"></div>
Tällaisiin attribuutteihin viitatessa tulisi käyttää camelCasea:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Annettu seuraava koodi:
<div id="elem" data-product-price="1000" data-product-amount="5">
tuote omenat
</div>
Tee niin, että diviä klikkaamalla sen tekstin loppuun lisätään ostoksen hinta, joka on hinta kerrottuna määrällä.
