Zmiana koloru tekstu przez styl inline
Treść zadania
W dokumencie znajduje się akapit <p id="tekst">Ważna wiadomość</p> oraz przycisk <button id="btnZmienKolor">Zmień kolor</button>. Napisz skrypt, który po kliknięciu przycisku przypisze do właściwości style.color akapitu wartość 'navy'.
Co będzie oceniane
- Pobranie referencji do akapitu #tekst i przycisku #btnZmienKolor.
- Obsługa kliknięcia przycisku.
- Ustawienie stylu color na 'navy'.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zmiana koloru tekstu na navy po kliknięciu przycisku — atrybut #tekst = color: navy
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Przypisz kolor 'navy' do akapitu #tekst po kliknięciu #btnZmienKolor
Wskazówki
Wskazówka 1
Odwołaj się do akapitu za pomocą metody wyszukującej element po identyfikatorze, a następnie zarejestruj nasłuchiwanie zdarzenia kliknięcia na przycisku.
Wskazówka 2
W funkcji obsługi zdarzenia odczytaj obiekt właściwości stylów inline akapitu i przypisz do jego pola odpowiadającego kolorowi tekstu ciąg znaków z nazwą barwy granatowej.