Ignorowanie pustych wpisów przy dodawaniu
Treść zadania
W formularzu mamy pole <input type="text" id="nazwaPozycji">, przycisk <button id="btnZapisz">Zapisz</button> oraz listę <ul id="lista"></ul>. Skrypt po kliknięciu przycisku powinien pobrać tekst z pola, obciąć białe znaki za pomocą trim() i sprawdzić, czy tekst nie jest pusty. Jeśli tekst nie jest pusty, utwórz <li> i dodaj do listy; w przeciwnym razie nie twórz elementu.
Co będzie oceniane
- Pobranie i obcięcie wartości za pomocą trim().
- Warunek sprawdzający, czy wpis nie jest pusty.
- Dodawanie li tylko dla niepustych danych.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (2)
- Próba dodania pustego wpisu nie tworzy li — licznik #lista li = 0
- Wpisanie poprawnego tekstu tworzy element li — licznik #lista li = 1; tekst #lista li = Mleko
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Dodawaj element li do #lista tylko jeśli pole #nazwaPozycji nie jest puste
Wskazówki
Wskazówka 1
Zastosuj instrukcję warunkową badającą obcięty ciąg znaków, aby uniknąć zaśmiecania listy pustymi wierszami.
Wskazówka 2
Pobierz wartość pola, usuń z niej skrajne spacje i sprawdź, czy jej długość jest większa od zera. Tylko w takim przypadku wywołaj tworzenie nowego elementu listy.