Nama Atribut dengan Tanda Hubung dalam JavaScript
Atribut kustom dapat mengandung tanda hubung dalam namanya, misalnya, seperti ini:
<div id="elem" data-my-test="1000"></div>
Untuk mengakses atribut seperti itu, sebaiknya gunakan camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Diberikan kode berikut:
<div id="elem" data-product-price="1000" data-product-amount="5">
produk apel
</div>
Buatlah agar ketika diklik pada div, di akhir teksnya ditambahkan total biaya pembelian, yang sama dengan harga dikalikan dengan jumlah.
