Ćwiczenie · Informatyka Ćwiczenie: Komunikat błędu inline w akapicie

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():

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)

  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() === "".