Как реализовать цикл в этой ситуации?

Question

[stockbrains]

Есть такой код:

let arr = ['blue', 'green', 'red'];
let i = 0;
let div = document.querySelector('.div');
div.addEventListener('click', function(){
  div.style.backgroundColor = arr[i];
  i++;
});

При клике на элемент, данный код меняет цвета в блоке, но как сделать чтоб цвета менялись постоянно? То есть я кликнул раз - цвет голубой, ещё раз кликнул - зеленый, третий раз кликнул - красный и всё, а надо чтобы он как бы вернулся в начало и при четвертом клике показал опять голубой ну и так далее. Как это сделать?

Answer 1

[twoone]

Можно реализовать бесконечный ротатор на основе генераторов.

Comments

[stockbrains]

Спасибо