Usuwanie potomka metodą parent.removeChild
Treść zadania
W strukturze strony mamy listę <ul id="listaWpisow"><li id="wpisTestowy">Do usunięcia</li></ul> oraz przycisk <button id="btnUsunPotomka">Usuń wpis</button>. Po kliknięciu przycisku usuń element #wpisTestowy wywołując metodę removeChild() na jego rodzicu #listaWpisow.
Co będzie oceniane
- Pobranie referencji do rodzica #listaWpisow i dziecka #wpisTestowy.
- Prawidłowe wywołanie removeChild z argumentem.
- Usunięcie wpisu z listy.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Usunięcie wskazanego elementu z listy za pomocą removeChild — licznik #wpisTestowy = 0
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Usuń #wpisTestowy z #listaWpisow za pomocą removeChild po kliknięciu #btnUsunPotomka
Wskazówki
Wskazówka 1
Metoda removeChild wymaga wskazania rodzica, na którym jest wywoływana, oraz przekazania referencji do usuwanego dziecka jako argumentu.
Wskazówka 2
Pobierz oba elementy z dokumentu i w reakcji na kliknięcie wywołaj na obiekcie listy metodę usuwania potomka z przekazanym elementem wpisu testowego.