Dodawanie klasy CSS metodą classList.add
Treść zadania
W strukturze strony znajduje się nagłówek <h2 id="tytul">Artykuł wstępny</h2> oraz przycisk <button id="btnWyroznij">Wyróżnij</button>. Po kliknięciu przycisku dodaj do nagłówka klasę 'podkreslenie' korzystając z metody classList.add().
Co będzie oceniane
- Pobranie referencji do #btnWyroznij i #tytul.
- Użycie metody classList.add z argumentem 'podkreslenie'.
- Prawidłowe dołączenie klasy po kliknięciu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Dodanie klasy podkreslenie do nagłówka — klasa #tytul = podkreslenie
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Dodaj klasę 'podkreslenie' do elementu #tytul po kliknięciu #btnWyroznij
Wskazówki
Wskazówka 1
Zamiast ręcznie nadpisywać ciąg klas w atrybucie, użyj dedykowanej metody kolekcji klas danego elementu.
Wskazówka 2
Odszukaj nagłówek i przycisk w drzewie dokumentu, a w obsłudze zdarzenia kliknięcia wywołaj metodę dodawania klasy z nazwą oczekiwanej klasy jako argumentem.