Sumowanie atrybutów data-cena pętlą forEach

Treść zadania

W formularzu mamy opcje z cenami w atrybutach danych:

<input type="checkbox" class="dodatek" data-cena="15.50" checked> Etui
<input type="checkbox" class="dodatek" data-cena="24.50" checked> Szkło hartowane
<input type="checkbox" class="dodatek" data-cena="40.00"> Szybka ładowarka

oraz przycisk <button id="btnDodatki">Podlicz akcesoria</button> i akapit <p id="sumaDodatkow"></p>. Pobierz zaznaczone elementy, zsumuj wartości parseFloat(pole.dataset.cena) w pętli forEach i wpisz do akapitu: Akcesoria razem: 40.00 zł.

Co będzie oceniane

Odczyt cen z dataset.cena w pętli forEach.
Zsumowanie 15.50 + 24.50 = 40.00 zł.
Wpisanie Akcesoria razem: 40.00 zł do akapitu.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

Zsumowanie 15.50 i 24.50 zł z dataset.cena — tekst #sumaDodatkow = Akcesoria razem: 40.00 zł

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

// Zsumuj wartości data-cena z zaznaczonych dodatków

Wskazówki

Wskazówka 1

Użyj selektora .dodatek:checked w querySelectorAll().

Wskazówka 2

W pętli forEach odczytuj właściwość pole.dataset.cena, sumuj liczby i sformatuj wynik za pomocą toFixed(2).