Розділ 3 · Завдання 9

Зміна стилю через JS

Той самий CSS, яким ти вже керуєш через файл — але тепер по кліку.

Завдання

Додай у <body>:

script-demo.html

<button onclick="toggleTheme()">Перемкнути тему</button>

І в script

Додай функцію:

script-demo.html

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

Як це читати

document.body.style.backgroundColor — те саме, що CSS-властивість background-color, тільки записана «по-JavaScript-івськи»: без дефіса, друга частина слова з великої літери.

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща