编写Javascrip代码,实现单击鼠标随机改变背景颜色
时间: 2024-05-02 12:23:50 浏览: 86
JS实现鼠标经过背景自动变色特效代码
Sure! 以下是实现要求的Javascript代码:
```javascript
let colors = ["red", "blue", "green", "yellow", "orange", "purple", "pink"]; // 这里定义我们要用到的颜色列表
function changeBackgroundColor() {
let randomColor = colors[Math.floor(Math.random() * colors.length)]; // 选取随机颜色
document.body.style.backgroundColor = randomColor; // 更改body的背景颜色
}
document.addEventListener("click", changeBackgroundColor); // 监听鼠标点击事件,并在触发时执行changeBackgroundColor函数
```
如此,每当用户单击页面中的任何位置,页面的背景色就会随机更改为预定义的几种颜色之一。
阅读全文