Weryfikacja obecności klasy przez classList.contains
Treść zadania
W dokumencie znajduje się karta <div id="kartaKlienta" class="karta aktywna">Klient VIP</div>, przycisk <button id="btnSprawdzKarte">Sprawdź stan</button> oraz akapit <p id="stanKarty"></p>. Po kliknięciu przycisku zbadaj za pomocą classList.contains('aktywna') obecność klasy: jeśli jest obecna, wpisz do akapitu 'Konto jest aktywne', w przeciwnym razie wpisz 'Konto zablokowane'.
Co będzie oceniane
- Pobranie referencji do elementów #kartaKlienta, #btnSprawdzKarte i #stanKarty.
- Użycie metody classList.contains('aktywna') w warunku.
- Wpisanie komunikatu 'Konto jest aktywne' do akapitu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Weryfikacja aktywnego konta po kliknięciu przycisku — tekst #stanKarty = Konto jest aktywne
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Sprawdź obecność klasy 'aktywna' na #kartaKlienta i wpisz komunikat do #stanKarty
Wskazówki
Wskazówka 1
Metoda sprawdzania obecności klasy zwraca logiczną wartość prawdy lub fałszu, co idealnie nadaje się do warunku instrukcji if.
Wskazówka 2
Zbadaj warunek obecności klasy 'aktywna' wewnątrz zdarzenia kliknięcia i w zależności od wyniku zaktualizuj treść tekstową docelowego akapitu.