Attributnamen mit Bindestrichen in JavaScript

Benutzerdefinierte Attribute können Bindestriche in ihrem Namen enthalten, zum Beispiel so:

html<div id="elem" data-my-test="1000"></div>

Um auf solche Attribute zuzugreifen, sollte camelCase verwendet werden:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);

Задание 1

Gegeben ist der folgende Code:

html<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.