ชื่อแอตทริบิวต์ที่มีเครื่องหมายยติภังใน 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>

ทำให้เมื่อคลิกที่ div ข้อความ ของมันจะมีการเพิ่มมูลค่าการซื้อ ซึ่งเท่ากับราคาคูณด้วยจำนวน