点击按钮随机
更换页面背景颜色
先准备一个按钮就像如图所示的那样
然后获取到刚刚的按钮并为按钮绑定点击事件。
并且弹出警告框来证明获取并绑定成功按钮。
效果展示:
点击按钮即可弹出警告框。
在点击事件里面声明三个变量去接收0-255的随机数
解释:因为RGB的颜色是0-255中的任意整数。
而Math.random()这个方法是0-1之间的随机数,包括小数
所以还要加上一个取整的方法。
Math.round()这个方法表示的是四舍五入取整。
鼠标点击时把随机数打印在控制台
效果展示:
然后获取body并为body设置随机背景颜色
效果展示:
鼠标点击时随机生成一个背景颜色
以上就是点击按钮随机更换页面背景颜色的代码了