A
项目工坊/变色的魔法球
🎮

变色的魔法球

点击球随机变色,学习JavaScript事件

难度:
模块:Web开发基础
📚所需技能
JavaScript事件
📝开发步骤
1

创建一个div元素作为魔法球

2

用CSS设置球的大小和颜色

3

添加点击事件监听器

4

在点击时生成随机颜色

5

把新颜色应用到球上

6

可以添加动画效果让它更炫酷

💡小贴士
  • 用Math.random()生成随机数
  • 颜色可以用rgb(r,g,b)格式
  • 添加transition可以让颜色变化更平滑