java编写设置按钮随机背景色,js实现点击按钮随机生成背景颜色

本文实例为大家分享了js实现点击按钮随机生成背景颜色的具体代码，供大家参考，具体内容如下

通过点击按钮更换整个页面的背景颜色

代码：

Document

input{

width: 150px;

height: 50px;

background-color:yellow;

line-height: 50px;

text-align: center;

}

function suiJi(m,n){

return m+parseInt(Math.random()*(n-m+1))

}

//随机生成m-n之间的整数，包含m，n

function yanSe(){

var result = "#"

for(var i = 0; i<6; i++){

result +=suiJi(0,15).toString(16)

}

return result;

//生成一个随机颜色编码#000000-#ffffff

}

var btn = document.getElementById("btn")

//获取节点

btn.onclick = function(){

document.body.style.background = yanSe();

}

实现效果，点击按钮可更换颜色

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。