Usuwanie elementu metodą element.remove
Treść zadania
W dokumencie znajduje się baner ostrzegawczy <div id="banerOstrzegawczy">Ważny komunikat <button id="btnUsunBaner">Zamknij i usuń</button></div>. Po kliknięciu przycisku usuń cały baner z dokumentu wywołując metodę remove() bezpośrednio na elemencie banera.
Co będzie oceniane
- Pobranie referencji do #btnUsunBaner i #banerOstrzegawczy.
- Użycie metody remove() na elemencie banera.
- Całkowite zniknięcie elementu #banerOstrzegawczy z drzewa DOM.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Usunięcie banera po kliknięciu przycisku — licznik #banerOstrzegawczy = 0
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Usuń element #banerOstrzegawczy za pomocą metody remove() po kliknięciu #btnUsunBaner
Wskazówki
Wskazówka 1
Metoda remove wywołana na danym węźle usuwa go całkowicie ze struktury drzewa DOM bez potrzeby odwoływania się do jego rodzica.
Wskazówka 2
Pobierz element banera i przycisk zamykający, po czym w procedurze obsługi kliknięcia wywołaj metodę usuwania na obiekcie banera.