Как изменить цвет фона при нажатии на кнопку?

  • 31 августа 2023 г. 12:46
Ответы на вопрос 1
Привет! Для изменения цвета фона при нажатии кнопки, мы можем использовать JavaScript. 

Ниже приведен пример кода, который демонстрирует, как это можно сделать:

HTML:
```html
<button id="red-btn" onclick="changeColor('red')">Красная кнопка</button>
<button id="blue-btn" onclick="changeColor('blue')">Синяя кнопка</button>
```

JavaScript:
```javascript
function changeColor(color) {
  document.body.style.backgroundColor = color;
}
```

В этом примере есть две кнопки - "Красная кнопка" и "Синяя кнопка". Каждая кнопка имеет свой уникальный идентификатор (id) и вызывает функцию `changeColor` при нажатии, передавая ей соответствующий цвет в качестве аргумента.

Функция `changeColor` получает переданный цвет и применяет его к фоновому цвету всего документа, устанавливая `document.body.style.backgroundColor` равным этому цвету.

Таким образом, при нажатии на кнопку фоновый цвет всего документа изменится на выбранный цвет.

Надеюсь, это поможет! Если у тебя есть еще вопросы, не стесняйся задавать.
Похожие вопросы