Как реализовать смену цвета при клике на блок?

Question

[stockbrains]

Есть блок, в моем случае это div, нужно реализовать смену цветов при нажатие на него

Comments

[Дмитрий]

Цепляете событие onclick к блоку, в нем прописываете функцию, которая для блока устанавливает свойство style.color в нужное вам значение.

[stockbrains]

Дмитрий, let div = document.querySelector('.div');
div.addEventListener('click', function(){
let arr = ['blue', 'green', 'red'];
let i;
div.style.backgroundColor = arr[i];
i++;
});
Подскажите делал так но не работает, точнее работает но при одном клике меняет цвет а при последующих нет

[Дмитрий]

stockbrains,
1) Точка перед селектором означает обращение к классу, если вы хотите получить элемент по тэгу, пишите просто document.querySelector('div')
2) Если вы хотите менять цвет после каждого клика, то очевидно что переменную i вам нужно объявить вне функции, чтобы она не исчезала после того, как функция отработает. Ну и конечно ее надо инициализировать, иначе вы не прибавите к ней 1. Ну и кроме того предусмотреть момент когда i станет больше двух.

[stockbrains]

Дмитрий, спасибо, заработала)