Wyszukiwanie selektorem querySelector

Treść zadania

W strukturze strony znajduje się blok o klasie CSS: <div class="alert">Domyślny komunikat</div>. Użyj metody document.querySelector() z selektorem klasy (.alert) i zmień jego zawartość tekstową na: Uwaga: serwer zostanie zrestartowany!.

Co będzie oceniane

Zastosowanie metody querySelector z selektorem klasy .alert.
Ustawienie wymaganego tekstu ostrzeżenia przez textContent.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

Zmiana tekstu elementu o klasie .alert — tekst .alert = Uwaga: serwer zostanie zrestartowany!

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

// Wyszukaj element metodą querySelector i zmień jego treść

Wskazówki

Wskazówka 1

Metoda document.querySelector() przyjmuje dowolny poprawny selektor CSS — pamiętaj, że selektor klasy rozpoczyna się od kropki.

Wskazówka 2

Wyszukaj element za pomocą selektora klasy, a następnie zaktualizuj jego właściwość textContent.