Attributnamen mit Bindestrichen in JavaScript
Benutzerdefinierte Attribute können Bindestriche in ihrem Namen enthalten, zum Beispiel so:
<div id="elem" data-my-test="1000"></div>
Um auf solche Attribute zuzugreifen, sollte camelCase verwendet werden:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Gegeben ist der folgende Code:
<div id="elem" data-product-price="1000" data-product-amount="5">
Produkt Äpfel
</div>
Sorgen Sie dafür, dass bei einem Klick auf das div am Ende seines Textes der Gesamtpreis des Einkaufs hinzugefügt wird, der gleich dem Preis multipliziert mit der Menge ist.
