Question

我在每次刷新时更改背景颜色时遇到一些麻烦。任何帮助表示赞赏。到目前为止，这是我的js：

var colors = ['#760CE8', '#4782B1', '#E8890C'];

var changeBackground = function() {
    document.body.style.background = colors([Math.floor(Math.random()*colors.length)]);
};

changeBackground();

Answer 1

你快到了。
在行

document.body.style.background = colors([Math.floor(Math.random()*colors.length)]);

您需要删除[Math.floor(Math.random()*colors.length)]周围的括号。否则JS会认为您想要调用colors作为函数。相反，您希望通过索引访问数组。这就是方括号的作用。所以把它改成

document.body.style.background = colors[Math.floor(Math.random()*colors.length)];

，没关系。

Answer 2

您的代码很好，就像@TheShellfishMeme所说的那样，并将您的函数放在body标签中，如下所示：

<body onload="changeBackground();">

现在每次刷新都会得到不同的体色。

使用Vanilla JS更新背景颜色

2 个答案: