点击按钮随机更换页面背景颜色

点击按钮随机

更换页面背景颜色

先准备一个按钮就像如图所示的那样

然后获取到刚刚的按钮并为按钮绑定点击事件。

并且弹出警告框来证明获取并绑定成功按钮。

效果展示:

点击按钮即可弹出警告框。

在点击事件里面声明三个变量去接收0-255的随机数

解释:因为RGB的颜色是0-255中的任意整数

Math.random()这个方法是0-1之间的随机数,包括小数

所以还要加上一个取整的方法。

Math.round()这个方法表示的是四舍五入取整。

鼠标点击时把随机数打印在控制台

效果展示:

然后获取body并为body设置随机背景颜色

效果展示:

鼠标点击时随机生成一个背景颜色

以上就是点击按钮随机更换页面背景颜色的代码了


版权声明:本文为CWHcwh123456原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。