js页面颜色会随着点击变化

以下是一个可以实现页面颜色随着点击变化的示例代码：

HTML代码：

<!DOCTYPE html>
<html>
<head>
	<title>Color Changing Page</title>
	<style>
		body {
			background-color: #fff;
			color: #000;
			text-align: center;
			font-size: 30px;
			margin-top: 200px;
		}
	</style>
</head>
<body>
	<h1>Click anywhere to change the background color!</h1>
	<script src="color.js"></script>
</body>
</html>

JS代码：

var body = document.querySelector("body");

body.addEventListener("click", changeColor);

function changeColor() {
	var colors = ["#ff9999", "#99ff99", "#9999ff", "#ffff99", "#ff99ff", "#99ffff"];

	var randomColor = Math.floor(Math.random() * colors.length);

	body.style.backgroundColor = colors[randomColor];
}

解释：

首先在HTML中定义了一个文本和一个script标签，script标签引入了color.js文件。
在JS中，先通过document.querySelector()方法获取body元素。
然后使用addEventListener()方法将body元素绑定一个点击事件。
点击事件触发后，changeColor()函数会被调用。
在changeColor()函数中，定义了一个颜色数组，其中包含了六种颜色值。
通过Math.floor()和Math.random()方法来生成一个随机数，然后将这个随机数作为数组下标获取对应的颜色值。
最后将body元素的背景色设置为获取到的随机颜色值。

这样，每次页面被点击，就会随机改变背景颜色。