Komunikat błędu inline w akapicie
Treść zadania
Mamy formularz z polem <input id="nazwisko" value="">, przyciskiem <button id="btnWyslij">Wyślij</button> oraz akapitem <p id="komunikatBledu"></p>. Po kliknięciu przycisku sprawdź, czy pole jest puste po trim():
- Jeżeli jest puste — wpisz do akapitu:
Pole nazwisko nie może być puste! - W przeciwnym wypadku — wpisz do akapitu:
Dane poprawne
Co będzie oceniane
- Zbadanie pustej zawartości pola po trim().
- Wpisanie komunikatu błędu do akapitu #komunikatBledu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wyświetlenie błędu inline dla pustego nazwiska — tekst #komunikatBledu = Pole nazwisko nie może być puste!
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Wpisz komunikat o błędzie do akapitu #komunikatBledu
Wskazówki
Wskazówka 1
Zamiast okna modalnego użyj właściwości textContent akapitu do wpisania komunikatu informacyjnego.
Wskazówka 2
Zastosuj konstrukcję if ... else, weryfikując czy pole.value.trim() === "".