Как сделать, при клике мышки на блок — меняется фон на красный, второй клик — желтый, третий — синий, четвертый клик опять красный?

Question

[Ольга]

Как сделать, при клике мышки на блок - меняется фон на красный, второй клик - желтый, третий - синий, четвертый клик опять красный?

Comments

[Александр]

3. При создании вопроса пользователь обязан:
....
3.6. Соблюдать нормы русского языка и принципы построения вопросительных предложений.

[N]

Крым НАШ! :)

По сути:
Через переводчик напиши - будь добр))
Ничего личного. Все мы братья. Просто я не понимаю. И на украинском форуме я бы писал по-украински.

[Ольга]

N, Изначально блок белый. Кликаем мышкой на блок - меняется фон на красный, второй клик - желтый, третий - синий, четвертый клик опять красный и так по кругу. Будь-ласка :)

[N]

OlhaK79, Красава! :)
Теперь у тебя больше шансов, что помогут!))
Уверен, что щас дадут правильное решение...перенеси только перевод в вопрос...
Если не помогут, то я из принципа тебе сам помогу)) Просто мне лень щас))

[N]

OlhaK79, jQuery можно использовать?

[N]

OlhaK79, Вот видишь...сколько сразу человеков помогли))

Answer 1

[developerd76]

<style>
  body{background: white;}
  #changebgcolor{
    width:100px;
    height:100px;
    background: white;
    border: 1px solid lightgray;
  }
</style>
<div id="changebgcolor"></div>

let block = document.getElementById('changebgcolor');

let count = 0;
function handlerClick(){
  let bgColors = ['red', 'blue', 'yellow']; // цвета какие нужны

  count = (count > bgColors.length)? 0 : count;
  block.style.backgroundColor=bgColors[count]
  count++;

}
block.addEventListener('click', handlerClick)

Comments

[N]

Немного не так, но автору будет над чем поразмыслить :)
Изначально, судя по его комментам, должен быть белый...дальше норм...

[developerd76]

Изначально цвет выставить в CSS

Answer 2

[Сергей Соколов]

Генерировать – не перегенерировать!

Answer 3

[Pavel Shvedov]

Разбей задачу на несколько простых, если к сложному условию не подступиться:
1) как обработать клик
2) как поменять цвет фона элемента
3) как писать условия (если был красный, то меняем на жёлтый и тд)
По отдельности эти шаги гуглятся очень легко, так как примитивны. Приложи немного усилий и найди ответы на вопросы самостоятельно, это будет сильно лучше и полезнее, чем тебе просто напишут готовое решение.