Warunkowe pole uzasadnienia w ankiecie satysfakcji
Treść zadania
W ankiecie mamy pole oceny <select id="ocenaKlienta"><option value="5">5 - Bardzo dobrze</option><option value="2">2 - Źle</option></select> oraz ukryty blok uwag <div id="blokUwagi" style="display: none;"><textarea id="poleUwagi"></textarea></div>.
Na zdarzenie change listy wyboru:
- jeśli wybrana ocena jest mniejsza bądź równa 2, ustaw #blokUwagi.style.display = 'block',
- w przeciwnym razie ustaw #blokUwagi.style.display = 'none'.
Co będzie oceniane
- Nasłuchiwanie zdarzenia change na #ocenaKlienta.
- Warunkowe badanie oceny <= 2.
- Ustawienie style.display = 'block' dla niskiej oceny.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wybranie oceny 2 odsłania pole uwag — atrybut #blokUwagi = display: block
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Pokazuj #blokUwagi tylko gdy ocena <= 2 w zdarzeniu change listy #ocenaKlienta
Wskazówki
Wskazówka 1
Zbadaj wybraną wartość liczbową w zdarzeniu zmiany wyboru i przełącz widoczność bloku przez styl display.
Wskazówka 2
Przekonwertuj wybraną opcję na liczbę całkowitą, porównaj z wartością dwa i w zależności od rezultatu przypisz wartość 'block' lub 'none' do stylu wyświetlania bloku uwag.