изменение цвета текста и фона изображения с помощью CSS и JavaScript

Question

Я хочу написать скрипт для изменения цвета текста и цвета изображения при щелчке .. здесь я хочу вызвать внешние таблицы стилей (которые я буду создавать) для функции .. каждый цвет будет отличаться. css page. так что, когда я нажимаю на оранжевый цвет, текст и фон изображения должны поменяться на оранжевый цвет, если я нажму на красный, он должен измениться на красный. заранее спасибо.

Answer 1

Определите каждый цвет как класс в вашем CSS:

.red {
color: red;
}

.blue {
color: blue;
}

Затем установите атрибут клика в своем HTML:

<p onclick="javascript: this.setAttribute('class', 'red');">Click to make me red</p>
<p onclick="javascript: this.setAttribute('class', 'blue');">Click to make me blue</p>

Существуют оптимизации, не описанные здесь, в основном с использованием ненавязчивого javascript, но это должно дать вам начало.