Javascript 颜色切换按钮
我想构建一个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;
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]
asbackground
是style
的一个属性,因此应该为其分配颜色值,而不是将其作为函数调用并向其传递参数
var btn=document.querySelector(“按钮”);
var body=document.querySelector(“body”);
变量颜色=[“红”、“蓝”、“绿”、“黄”、“橙”、“粉红”];
var i=0;
btn.addEventListener(“单击”,函数(){
如果(i
一些内容
点击
@AKHILREDDY很乐意帮忙:)