Как сделать, при клике мышки на блок — меняется фон на красный, второй клик — желтый, третий — синий, четвертый клик опять красный?
<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)
<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)