JavaScript-ში ტირეებიანი ატრიბუტების სახელები
მომხმარებლის განსაზღვრულ ატრიბუტებს შეიძლება ჰქონდეთ ტირეები მათ სახელში, მაგალითად, ასე:
<div id="elem" data-my-test="1000"></div>
ასეთ ატრიბუტებზე მისაღწევად უნდა გამოიყენოთ camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
მოცემულია შემდეგი კოდი:
<div id="elem" data-product-price="1000" data-product-amount="5">
პროდუქტი ვაშლი
</div>
გახადეთ ისე, რომ დივზე დაწკაპუნებისას მისი ტექსტის ბოლოს დაემატოს შეძენის ღირებულება, რომელიც ტოლია ფასის გამრავლებული რაოდენობაზე.