<style>
#box {
width: 200px;
height: 200px;
background: red;
}
</style>
<body>
<div id="box"></div>
<script>
var box = document.getElementById('box')
box.onclick = function () {
// 生成一个随机颜色
var str = '0123456789abcdef'
var color = '#'
for (var i = 0; i < 6; i++) {
var index = Math.floor(Math.random() * str.length)
color += str[index]
}
console.log(color)
// 下面这句是用来修改元素样式的，先用，以后讲
box.style.background = color
}
</script>
</body>
