Odczyt wybranej taryfy z listy select
Treść zadania
Mamy listę rozwijaną:
<select id="taryfa">
<option value="dzienna">Taryfa dzienna</option>
<option value="nocna" selected>Taryfa nocna</option>
<option value="weekendowa">Taryfa weekendowa</option>
</select>oraz przycisk <button id="btnSprawdz">Sprawdź taryfę</button> i akapit <p id="komunikatTaryfy"></p>. Po kliknięciu przycisku odczytaj właściwość value elementu select i wpisz do akapitu tekst w formacie: Aktywna taryfa: nocna.
Co będzie oceniane
- Odczyt wybranej opcji przez select.value.
- Wpisanie Aktywna taryfa: nocna do akapitu po kliknięciu przycisku.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Odczyt taryfy nocnej po kliknięciu przycisku — tekst #komunikatTaryfy = Aktywna taryfa: nocna
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Odczytaj wybraną taryfę z listy #taryfa i wstaw do akapitu
Wskazówki
Wskazówka 1
Wartość aktualnie wybranej opcji odczytujemy bezpośrednio z właściwości value elementu nadrzędnego select.
Wskazówka 2
W funkcji zdarzenia połącz tekst etykiety z odczytaną wartością i wstaw do właściwości textContent akapitu.