Pomiń nawigację
Ćwiczenie · Informatyka Ćwiczenie: Przycisk czyszczenia pola formularza

Przycisk czyszczenia pola formularza

Treść zadania

W formularzu znajduje się pole wejściowe <input id="wpis" value="Przykładowy tekst"> oraz przycisk <button id="btnReset">Wyczyść</button>. Zarejestruj obsługę zdarzenia kliknięcia na przycisku, która wyczyści pole wejściowe (ustawi właściwość value na pusty ciąg znaków).

Co będzie oceniane

  • Pobranie przycisku #btnReset i pola #wpis.
  • Rejestracja obsługi kliknięcia.
  • Wyczyszczenie właściwości value pola wejściowego.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Wyczyszczenie pola po kliknięciu przycisku — wartosc #wpis =

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

// Podepnij czyszczenie pola #wpis pod kliknięcie #btnReset

Wskazówki

Wskazówka 1

Do wyczyszczenia zawartości pola tekstowego służy przypisanie pustego łańcucha znaków do właściwości value.

Wskazówka 2

Zarejestruj zdarzenie click na przycisku za pomocą addEventListener i wewnątrz funkcji zresetuj pole.