在HTML中,为body元素设置一个id,以便JavaScript可以找到它。
在JavaScript中,创建一个名为"changeBGColor"的函数,该函数将调用Math.random ()函数来生成一个0到255之间的数字,以设置红色,绿色和蓝色值,并将其赋值给body元素的backgroundColor属性。
function changeBGColor(){
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
var bgColor = "rgb(" + r + ", " + g + ", " + b + ")";
document.getElementById("mybody").style.backgroundColor = bgColor;
}
接下来,在HTML页面中创建一个按钮元素,用户单击该按钮后将调用changeBGColor()函数。
完整代码如下:
背景色变化器
单击下面的按钮改变背景色