1. 在页面放置一个div和button给予他们基本的样式;

2.在script中分别获取到div和button;

3.button给按钮添加一个点击事件

4. 我们使用background-color: rgb(20,20,20)方法给予div颜色,通过更改rgb三个数值实现随机变换颜色;

5.想要随机改变RGB三个数值需要使用Math对象里面的random()方法

6.在使用Math对象中的round()方法对生成出来的随机数进行四舍五入化为整数;

7.通过var分别声明三个组r、g、b值为Math.round(Math.random()*255);随机生成0-255的整数;

8.通过拼接字符串的方式将r、g、b三个值放入box.style.backgroundColor中这个案例就完成了

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐