Przełącznik stanu toggle

Treść zadania

W dokumencie znajduje się przycisk <button id="btnToggle">Przełącz stan</button> oraz akapit <p id="stanUrzadzenia">Wyłączony</p>. Zadeklaruj zmienną logiczną let czyWlaczony = false;. Po każdym kliknięciu przycisku odwróć stan zmiennej za pomocą negacji czyWlaczony = !czyWlaczony; i w zależności od jej wartości ustaw tekst akapitu na Włączony lub Wyłączony.

Co będzie oceniane

Użycie zmiennej logicznej do przechowywania stanu.
Odwracanie stanu operatorem negacji !.
Prawidłowe ustawienie tekstu Włączony po pierwszym kliknięciu.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

Jednokrotne kliknięcie przełącznika — tekst #stanUrzadzenia = Włączony

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

let czyWlaczony = false;

// Podepnij przełącznik stanu pod kliknięcie #btnToggle

Wskazówki

Wskazówka 1

Zastosuj operator negacji ! do cyklicznego odwracania flagi typu boolean przy każdym kliknięciu.

Wskazówka 2

Wewnątrz obsługi zdarzenia sprawdź aktualną wartość flagi instrukcją if ... else i zaktualizuj akapit.