Rozdział 3 · Zadanie 9

Zmiana stylu przez JS

Ten sam CSS, którym już umiesz sterować przez plik — ale teraz po kliknięciu.

Zadanie

Dodaj w <body>:

script-demo.html

<button onclick="toggleTheme()">Przełącz motyw</button>

A w script

Dodaj funkcję:

script-demo.html

function toggleTheme() {
  document.body.style.backgroundColor = "#1b2430";
  document.body.style.color = "white";
}

Jak to czytać

document.body.style.backgroundColor — to samo, co właściwość CSS background-color, tylko zapisana «po JavaScriptowemu»: bez myślnika, druga część słowa wielką literą.

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska