Zmiana koloru tła w notacji camelCase
Treść zadania
W dokumencie przygotowano blok <div id="pudelko">Pole testowe</div> oraz przycisk <button id="btnTlo">Ustaw tło</button>. Pamiętając, że wieloczłonowe właściwości CSS zapisujemy w JavaScript w notacji camelCase, po kliknięciu przycisku zmień kolor tła bloku na 'khaki'.
Co będzie oceniane
- Pobranie bloku #pudelko i przycisku #btnTlo.
- Użycie notacji camelCase dla tła w obiekcie style.
- Ustawienie tła na 'khaki' po kliknięciu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Ustawienie koloru tła khaki dla bloku — atrybut #pudelko = background-color: khaki
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Ustaw kolor tła bloku #pudelko na 'khaki' po kliknięciu #btnTlo
Wskazówki
Wskazówka 1
Właściwości CSS z myślnikiem, takie jak tło elementu, w obiekcie stylów JavaScriptu tracą myślnik, a kolejna litera staje się wielka.
Wskazówka 2
Zarejestruj zdarzenie kliknięcia na przycisku i wewnątrz funkcji przypisz łańcuch znaków z nazwą koloru do właściwości koloru tła wybranego bloku.