<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 1.自定义一个随机颜色函数
function getRandomColor(flag){ //flag = true
// 3.如果是true 则返回 #ffffff
if(flag){
let str = "#"
let arr = ['0','1','2','3','4','5','6','7','9','a','b','c','d','e','f']
// 利用for循环随机抽6次,累加到str里面
for (let i = 1; i <=6; i++){
// 每次要随机从数组里面抽取一个
// random 是随机的索引号
let random = Math.floor(Math.random() * arr.length)
str += arr[random]
}
}else{
// 4.否则是 false 则返回rgb(255,255,255)
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})`
}
}
// 2.调用函数 getRandomColor(布尔值)
console.log(getRandomColor(false))
console.log(getRandomColor(true))
const body = document.querySelector('body')
body.style.backgroundColor = getRandomColor()
</script>
</body>
</html>
版权属于:
yu
作品采用:
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)