Nomi degli attributi con trattini in JavaScript
Gli attributi personalizzati possono contenere trattini nel loro nome, ad esempio, in questo modo:
<div id="elem" data-my-test="1000"></div>
Per accedere a tali attributi, è necessario utilizzare il camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
È dato il seguente codice:
<div id="elem" data-product-price="1000" data-product-amount="5">
prodotto mele
</div>
Fate in modo che cliccando sul div, alla fine del suo testo venga aggiunto il costo totale dell'acquisto, uguale al prezzo moltiplicato per la quantità.
