Ćwiczenie · Informatyka Ćwiczenie: Czyszczenie błędu podczas poprawiania danych

Czyszczenie błędu podczas poprawiania danych

Treść zadania

W formularzu mamy pole <input id="kodDostepu" value="">, przycisk <button id="btnZatwierdzKod">Zatwierdź</button> oraz akapit <p id="bladKodu"></p>.

Napisz skrypt, który:

  1. Po kliknięciu przycisku sprawdzi, czy pole jest puste — jeżeli tak, wpisze do akapitu: Wymagany kod dostępu!.
  2. Na zdarzeniu input pola #kodDostepu natychmiast wyczyści akapit błędu (przypisze pusty ciąg "" do textContent), aby błąd zniknął w chwili, gdy użytkownik zaczyna pisać.

Co będzie oceniane

  • Obsługa kliknięcia przycisku zgłaszająca błąd dla pustego pola.
  • Obsługa zdarzenia input czyszcząca akapit błędu.
  • Poprawne zniknięcie błędu po wpisaniu tekstu.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Wyświetlenie błędu i wyczyszczenie przy wpisywaniu — tekst #bladKodu =

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

// Podepnij sprawdzanie pod click i czyszczenie błędu pod input

Wskazówki

Wskazówka 1

Zarejestruj dwa niezależne nasłuchiwacze zdarzeń: kliknięcie click na przycisku oraz wpisywanie input na polu tekstowym.

Wskazówka 2

W obsłudze zdarzenia input zresetuj zawartość akapitu błędu do pustego cudzysłowu.