Usuwanie klikniętego elementu listy za pomocą this.remove
Treść zadania
W dokumencie znajduje się lista z trzema elementami:<ul id="listaKlikalna">
<li id="poz1">Pozycja 1</li>
<li id="poz2">Pozycja 2</li>
<li id="poz3">Pozycja 3</li>
</ul>
Napisz skrypt, który pobierze wszystkie elementy li za pomocą document.querySelectorAll('#listaKlikalna li'), przejdzie po nich pętlą i do każdego doda zdarzenie kliknięcia, które usuwa dany element (np. this.remove() lub el.remove()).
Co będzie oceniane
- Pobranie listy elementów za pomocą querySelectorAll.
- Iteracja po elementach i rejestracja zdarzenia click.
- Usunięcie klikniętego elementu metodą remove().
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Kliknięcie w drugą pozycję usuwa ją z listy — licznik #poz2 = 0; licznik #listaKlikalna li = 2
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Spraw, aby kliknięcie dowolnego li w #listaKlikalna usuwało ten element z dokumentu
Wskazówki
Wskazówka 1
Kolekcję elementów z querySelectorAll możesz łatwo przejść pętlą for lub metodą forEach, rejestrując zdarzenie na każdej pozycji.
Wskazówka 2
Wewnątrz funkcji obsługującej kliknięcie słowo kluczowe this wskazuje na dokładnie ten element, który został kliknięty przez użytkownika; wywołaj na nim metodę usuwania.