我还是
JavaScript新手.我需要在html中创建一个按钮,并允许用户单击按钮以更改指定的主体背景颜色.
var colors = ["purple","yellow","black"];
上面是JavaScript中给定的数组.如果用户单击超过3次(蓝色后),将再次选择绿色.
<form> <p><input type="button" value="Change Color" name="B1" onclick="changeColor()"></p> </form>
我大致写了按钮的功能,但我不知道如何将数组中的颜色分配给背景颜色
function changeColor()
{
document.body.style.backgroundColor="colors[i]";
i++
if(i >=2)
{
i = 0;
}
}
希望有人能纠正我的代码.
解决方法
首先,您需要定义全局i变量,它将保留您当前的索引.然后检查它的值是否扩展了数组长度,如果是,则应该重置它,然后重新启动数组.
var colors = ["purple","black"];
var i = 0; // define global i variable
function changeColor()
{
document.body.style.backgroundColor = colors[i++];
if(i >= colors.length)
{
i = 0;
}
}
