Odczyt atrybutu data-cena z elementu
Treść zadania
W dokumencie znajduje się przycisk produktu z atrybutem danych: <button id="btnProdukt" data-cena="89.90">Kup produkt</button> oraz akapit <p id="cenaProduktu"></p>. Po kliknięciu przycisku odczytaj wartość z właściwości przycisk.dataset.cena, przekonwertuj na liczbę za pomocą parseFloat() i wpisz do akapitu: Cena z atrybutu: 89.90 zł.
Co będzie oceniane
- Odczyt atrybutu danych przez element.dataset.cena.
- Wpisanie Cena z atrybutu: 89.90 zł do akapitu #cenaProduktu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Odczytanie ceny z atrybutu data-cena — tekst #cenaProduktu = Cena z atrybutu: 89.90 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Odczytaj atrybut data-cena za pomocą dataset i wyświetl w akapicie
Wskazówki
Wskazówka 1
Atrybuty niestandardowe data-* są dostępne w obiekcie element.dataset pod nazwą po myślniku.
Wskazówka 2
Odczytaj dataset.cena, sformatuj metodą toFixed(2) i wyświetl w akapicie.