जावास्क्रिप्ट में हाइफन वाली एट्रीब्यूट के नाम

कस्टम एट्रीब्यूट्स में उनके नाम में हाइफन हो सकते हैं, उदाहरण के लिए, इस तरह:

<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>

इसे ऐसा बनाएं कि डिव पर क्लिक करने पर उसके टेक्स्ट के अंत में खरीदारी की कुल लागत जोड़ दी जाए, जो कि मूल्य को मात्रा से गुणा करने के बराबर हो।