Javascript 颜色切换按钮

Javascript 颜色切换按钮,javascript,html,arrays,Javascript,Html,Arrays,我想构建一个Javascript代码,在单击按钮时更改主体的背景颜色。控制台显示body.style.background不是一个函数。你能告诉我代码中的错误是什么吗 var btn = document.querySelector("button"); var body = document.querySelector("body"); var colors = ["red", "blue", "green", "yellow", "orange", "pink"]; var i = 0;

我想构建一个Javascript代码,在单击按钮时更改主体的背景颜色。控制台显示
body.style.background
不是一个函数。你能告诉我代码中的错误是什么吗

var btn = document.querySelector("button");
var body = document.querySelector("body");
var colors = ["red", "blue", "green", "yellow", "orange", "pink"];
var i = 0;

btn.addEventListener("click", function(){
  if (i < colors.length) {
       i++;
  } else if (i == colors.length) {
       i = 0;
  }
 body.style.background("colors[i]");
});
var btn=document.querySelector(“按钮”);
var body=document.querySelector(“body”);
变量颜色=[“红”、“蓝”、“绿”、“黄”、“橙”、“粉红”];
var i=0;
btn.addEventListener(“单击”,函数(){
如果(i
您需要执行
body.style.background=colors[i]
as
background
style
的一个属性,因此应该为其分配颜色值,而不是将其作为函数调用并向其传递参数

var btn=document.querySelector(“按钮”);
var body=document.querySelector(“body”);
变量颜色=[“红”、“蓝”、“绿”、“黄”、“橙”、“粉红”];
var i=0;
btn.addEventListener(“单击”,函数(){
如果(i

一些内容
点击

@AKHILREDDY很乐意帮忙:)