Usuwanie ostatniego elementu listy
Treść zadania
W strukturze strony mamy listę:<ul id="kolejkaZadan"><li>Zadanie A</li><li>Zadanie B</li><li>Zadanie C</li></ul>
oraz przycisk <button id="btnCofnijZadanie">Cofnij ostatnie</button>.
Napisz kod, który po kliknięciu sprawdza, czy #kolejkaZadan.lastElementChild istnieje; jeśli tak, usuwa go wywołując metodę remove().
Co będzie oceniane
- Pobranie referencji do #kolejkaZadan i #btnCofnijZadanie.
- Warunkowe sprawdzenie obecności lastElementChild.
- Usunięcie ostatniego elementu listy po kliknięciu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Usunięcie ostatniego zadania z listy zmniejsza liczbę pozycji do 2 — licznik #kolejkaZadan li = 2; tekst #kolejkaZadan li:last-child = Zadanie B
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Usuwaj ostatni element listy #kolejkaZadan po kliknięciu #btnCofnijZadanie
Wskazówki
Wskazówka 1
Właściwość lastElementChild zwraca ostatni węzeł potomny będący znacznikiem lub null, gdy lista jest pusta.
Wskazówka 2
Pobierz listę i przycisk, w obsłudze kliknięcia zbadaj istnienie ostatniego potomka za pomocą instrukcji warunkowej i wywołaj na nim metodę usunięcia.