JavaScriptis atribuutide nimed sidekriipsudega
Kohandatud atribuudid võivad sisaldada sidekriipse oma nimes, näiteks nii:
<div id="elem" data-my-test="1000"></div>
Selliste atribuutide poole pöördumiseks tuleks kasutada camelCase'i:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Antud on järgmine kood:
<div id="elem" data-product-price="1000" data-product-amount="5">
kaup õunad
</div>
Tehke nii, et klikkides div'ile, lisataks selle teksti lõppu ostu maksumus, mis võrdub hinna ja koguse korrutisega.