Czyszczenie pola tekstowego po dodaniu wpisu
Treść zadania
W aplikacji zadań mamy pole <input type="text" id="zadanieTekst" value="Kupić bilet">, przycisk <button id="btnDodajZadanie">Dodaj</button> oraz listę <ul id="listaZadan"></ul>. Po kliknięciu przycisku utwórz i dołącz nowy element <li> z tekstem z pola, a następnie wyczyść pole wprowadzania (ustaw jego właściwość value na pusty ciąg znaków '').
Co będzie oceniane
- Utworzenie i dołączenie elementu li do #listaZadan.
- Wpisanie treści z pola do nowego elementu li.
- Zresetowanie pola #zadanieTekst do pustego ciągu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Dodanie zadania i wyczyszczenie pola wejściowego — licznik #listaZadan li = 1; tekst #listaZadan li = Kupić bilet; wartosc #zadanieTekst =
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Dodaj zadanie do #listaZadan i wyczyść pole #zadanieTekst po kliknięciu #btnDodajZadanie
Wskazówki
Wskazówka 1
Dobrą praktyką formularzy jest przygotowanie pola na kolejny wpis użytkownika bezpośrednio po zatwierdzeniu poprzedniego.
Wskazówka 2
Po utworzeniu elementu potomnego i umieszczeniu go w liście, przypisz pusty łańcuch znaków do wartości pola edycyjnego.