Wybór sposobu dostawy z przycisków radio
Treść zadania
W sklepie dostępne są metody wysyłki:
<input type="radio" name="dostawa" value="15"> Kurier (15 zł)
<input type="radio" name="dostawa" value="10" checked> Paczkomat (10 zł)
<input type="radio" name="dostawa" value="0"> Odbiór osobisty (0 zł)oraz przycisk <button id="btnDostawa">Wybierz dostawę</button> i akapit <p id="kosztDostawy"></p>. Po kliknięciu przycisku pobierz zaznaczony radio za pomocą querySelector('input[name="dostawa"]:checked') i wpisz do akapitu: Koszt dostawy: 10 zł.
Co będzie oceniane
- Pobranie zaznaczonego radio z grupy dostawa.
- Wpisanie komunikatu Koszt dostawy: 10 zł po naciśnięciu przycisku.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Odczytanie kosztu wybranego Paczkomatu (10 zł) — tekst #kosztDostawy = Koszt dostawy: 10 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Pobierz koszt zaznaczonej dostawy i wstaw do #kosztDostawy
Wskazówki
Wskazówka 1
Zastosuj metodę document.querySelector() z selektorem nazwy i pseudoklasą :checked.
Wskazówka 2
Odczytaj właściwość value zaznaczonego elementu i wstaw do akapitu z odpowiednim opisem.