Radio wyboru pakietu i pole liczby sztuk
Treść zadania
Mamy formularz zakupu biletów:
- Opcje biletów:
<input type="radio" name="bilet" value="30"> Ulgowy (30 zł),<input type="radio" name="bilet" value="50" checked> Normalny (50 zł) - Liczba biletów:
<input type="number" id="iloscBiletow" value="3"> - Przycisk:
<button id="btnBilety">Przelicz bilety</button> - Akapit:
<p id="kosztBiletow"></p>
Po kliknięciu przycisku odczytaj cenę zaznaczonego biletu za pomocą querySelector('input[name="bilet"]:checked'), odczytaj liczbę biletów z pola #iloscBiletow, pomnóż je i wpisz do akapitu: Łącznie: 150 zł.
Co będzie oceniane
- Odczyt zaznaczonego radio bilet z użyciem querySelector.
- Odczyt i konwersja liczby biletów.
- Wypisanie Łącznie: 150 zł do akapitu #kosztBiletow.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wyliczenie kosztu 3 biletów normalnych po 50 zł — tekst #kosztBiletow = Łącznie: 150 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Oblicz łączny koszt biletów po kliknięciu #btnBilety
Wskazówki
Wskazówka 1
Odczytaj cenę z właściwości value zaznaczonego radio i przekonwertuj ją na liczbę funkcją parseInt().
Wskazówka 2
Odczytaj ilość z pola numerycznego, wykonaj mnożenie i wstaw wynik do akapitu.