Question

所以我的代码应该通过点击按钮来改变背景颜色，但问题是不是。我没有得到任何合作日志。

以下是代码：

window.addEventListener("load", function(){

var buttonRandomBackGround = document.getElementById("buttonBackground");
var dice = new Audio();
var body = document.body.style.backgroundColor;
var backgroundColor = ["red",
                       "brown"];
dice.src="diceRoll.mp3";


    buttonRandomBackGround.addEventListener("click", test, false)

function test(){

        dice.play();
        setTimeout(waitTillEndSound, 2000);

}
function waitTillEndSound(){
        myNumber = Math.floor(Math.random()*1);
        console.log("test");
        body.src = backgroundColor[myNumber];
        console.log(backgroundColor, body);
}

});

谢谢。

Answer 1

你的

Math.floor(Math.random()*1)

位将始终为0.

Math.random导致0到.99999999999999之间的数字，乘以1不会改变任何东西 Math.floor每次都会将此数字降为0。

尝试：

Math.floor(Math.random()*2)

这导致0或1

要更改背景颜色，请不要使用src属性。

document.body.style.background = backgroundColor[myNumber]

Javascript按钮更改背景

1 个答案: