Javascript 动态框颜色变化onclick

我正在尝试使用onclick事件更改颜色。就像在第一次单击红色，然后在下一次单击绿色，然后在另一次单击上再次返回红色。我已经完成了点击的概念，但不知道如何使用JS设置颜色的概念有简单的解决方案吗？

函数getValue（）{
var x=document.getElementById（“myHeader”）；
警报（x.html）；
}
点击我！

---

我使用

你也可以使用如下颜色

var colours = ["#FF0000","#00FF00","#0000FF","#333399",...];

---

用简单的词检查这个问题我想在每次单击时更改“单击我”的颜色“单击我”的颜色更改可能是三种颜色或更多颜色并重复…@Klaster_1如果我有一个带边框的高度和宽度的div，单击时同一颜色如何更改？

function display() {
  var colours = new Array();
  colours[0] = "red";
  colours[1] = "blue";
  colours[2] = "green";
  colours[3] = "lime";
  colours[4] = "teal";

  var b = Math.floor(Math.random()*colours.length);
  document.getElementById("quotation").style.color = colours[b];
}

var colours = ["#FF0000","#00FF00","#0000FF","#333399",...];