Как сделать бесконечным написаный функционал(event)?

Question

[Michaly4]

Добрый вечер друзья
Помогите разобраться(я учусь) как вернуться(обнулить счетчик или?) что бы это повторялось бесконечно!
Т.е.фиолет ,красный ,фиолет ,жёлтый, фиолет зелёный... И... тут не знаю как сделать чтобы дальше вернулось на красный ,фиолет ,жёлтый и т.д. и всё по кругу!?

let count = 0;
document.querySelector('.div').addEventListener('mouseover', function (event) {
   if (count == 0) {
      event.target.style.backgroundColor = 'red';
      count++;

   } else if (count == 1) {
      event.target.style.backgroundColor = 'yellow';
      count++;
   } else if (count == 2) {
      event.target.style.backgroundColor = 'green';
      count++;

   }
   document.querySelector('.div').addEventListener('mouseout', function (event) {
      event.target.style.backgroundColor = 'purple';
   });

Может дописать ещё условие?пробовал много не выходит(

Answer 1

[WbICHA]

count = (count + 1) % 3;