关于数组的HTML Javascript.

发布时间：2020-12-14 18:47:47 所属栏目：资源来源：网络整理

导读：我还是 JavaScript新手.我需要在html中创建一个按钮,并允许用户单击按钮以更改指定的主体背景颜色. var colors = ["purple","yellow","black"]; 上面是JavaScript中给定的数组.如果用户单击超过3次(蓝色后),将再次选择绿色. formpinput type="button" value=

我还是 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;
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!