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:
- Po kliknięciu przycisku sprawdzi, czy pole jest puste — jeżeli tak, wpisze do akapitu:
Wymagany kod dostępu!. - Na zdarzeniu
inputpola#kodDostepunatychmiast wyczyści akapit błędu (przypisze pusty ciąg""dotextContent), 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)
- 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.