实现随机颜色的函数我用了两种,一种是‘#ffffff’格式,一种为rgb格式
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<link href="css/style.css" rel="stylesheet">
<style>
div {
width: 500px;
height: 500px;
}
</style>
</head>
<body>
<div>
</div>
<script>
function getRandomColor(color = true) {
if (true) {
//方法一:rgb形式
let r = Math.floor(Math.random()*256)
let g = Math.floor(Math.random()*256)
let b = Math.floor(Math.random()*256)
return `rgb(${r},${g},${b})`
}
//-----------------------------------------
//方法二:#ffffff格式
// let arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'a', 'b', 'c', 'd', 'e', 'f']
// str = '#'
// for (let i = 0; i < 5; i++) {
// str += Math.floor(Math.random() * arr.length)
// }
// return str
// }
}
console.log(getRandomColor(0))
const div = document.querySelector(`div`)
div.style.backgroundColor = getRandomColor()
</script>
</body>
</html>