Usuwanie klasy CSS metodą classList.remove
Treść zadania
W dokumencie znajduje się komunikat <div id="powiadomienie" class="alert ostrzezenie">Uwaga na zmiany!</div> oraz przycisk <button id="btnPotwierdz">Zrozumiałem</button>. Po kliknięciu przycisku usuń z elementu klasę 'ostrzezenie' za pomocą metody classList.remove().
Co będzie oceniane
- Pobranie elementów #btnPotwierdz i #powiadomienie.
- Wywołanie metody classList.remove('ostrzezenie').
- Brak klasy ostrzezenie na elemencie po kliknięciu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Usunięcie klasy ostrzezenie z elementu — licznik #powiadomienie.ostrzezenie = 0
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Usuń klasę 'ostrzezenie' z #powiadomienie po kliknięciu #btnPotwierdz
Wskazówki
Wskazówka 1
Metoda usuwania klasy z kolekcji klas elementu pozwala bezpiecznie zdjąć wybraną regułę, zachowując pozostałe klasy nienaruszone.
Wskazówka 2
Podepnij funkcję pod kliknięcie przycisku i wywołaj na kolekcji klas powiadomienia metodę usuwającą podaną nazwę klasy.