Dynamiczne przeliczanie kwoty na input
Treść zadania
Cena pojedynczej sztuki wynosi 25 zł (stała const cenaJednostkowa = 25;). W formularzu znajduje się pole liczbowe: <input type="number" id="ile" value="1"> oraz akapit <p id="lacznyKoszt">Razem: 25 zł</p>. Zarejestruj zdarzenie input na polu #ile. Przy każdej zmianie odczytaj ilość, skonwertuj na liczbę całkowitą, oblicz łączny koszt i zaktualizuj akapit w formacie: Razem: 100 zł (dla 4 sztuk).
Co będzie oceniane
- Zastosowanie zdarzenia input na polu liczbowym.
- Konwersja ilości za pomocą parseInt.
- Bieżąca aktualizacja tekstu Razem: 100 zł dla 4 sztuk.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wpisanie ilości 4 sztuk i przeliczenie kosztu — tekst #lacznyKoszt = Razem: 100 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
const cenaJednostkowa = 25;
// Zarejestruj zdarzenie input przeliczające łączny koszt
Wskazówki
Wskazówka 1
Wykorzystaj zdarzenie input, aby reakcja na zmianę liczby w polu następowała natychmiast bez konieczności klikania osobnego przycisku.
Wskazówka 2
Skonwertuj wartość pola funkcją parseInt(), pomnóż przez stałą cenę jednostkową i wstaw sformatowany tekst do akapitu.