Attributnamn med bindestreck i JavaScript
Anpassade attribut kan innehålla bindestreck i sitt namn, till exempel så här:
<div id="elem" data-my-test="1000"></div>
För att komma åt sådana attribut bör man använda camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Följande kod ges:
<div id="elem" data-product-price="1000" data-product-amount="5">
produkt äpplen
</div>
Gör så att när man klickar på div:en läggs köpesumman, vilket är priset multiplicerat med antalet, till slutet av dess text.
