Tên thuộc tính có dấu gạch ngang trong JavaScript
Thuộc tính tùy chỉnh có thể chứa dấu gạch ngang trong tên của chúng, ví dụ như sau:
<div id="elem" data-my-test="1000"></div>
Để truy cập các thuộc tính như vậy, nên sử dụng camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Cho đoạn mã sau:
<div id="elem" data-product-price="1000" data-product-amount="5">
sản phẩm táo
</div>
Hãy làm sao để khi nhấp vào div, cuối phần văn bản của nó sẽ được thêm tổng chi phí mua hàng, bằng giá nhân với số lượng.
