如何将此脚本连接到我的一个按钮上？

Question

<button class="ordercolor" onclick="ordercolor()">Order Color</button>，这是HTML上的按钮

var color = 
  ["#222f3e", "#dd260e", "#0ae196c", "#0ae127", "#0a7ce1", "#a60ae1", "#808000", "#00FF00", "#00FFFF", "#008080", "#FF5733"];
  var i = 0;
  addEventListener("click",
  function () {
  i = i < color.length ? ++i : 0;
  document.querySelector("body").style.background = color[i];

这是Java上的脚本。

该脚本适用于我在HTML上得到的每个按钮，我希望它在一个按钮中特定。你能帮我把它应用到特定的按钮上吗？或者，您可能有另一个脚本来按单击顺序更改颜色，比如绿色之后的红色(总是相同的)？

Answer 1

你需要命名这个函数。如果使用onclick，则不需要使用事件侦听器。如下所示：

<button class="ordercolor" onclick="ordercolor()">Order Color</button>
<script>
var color = ["#222f3e", "#dd260e", "#0ae196c", "#0ae127", "#0a7ce1", "#a60ae1", "#808000", "#00FF00", "#00FFFF", "#008080", "#FF5733"];
var i = 0;
function ordercolor() {
i = i < color.length ? ++i : 0;
document.querySelector("body").style.background = color[i];
}
</script>