三:封装一个函数随机生成16进制的颜色,格式为#******
// 1.封装一个函数,生成颜色,且返回结果
// 2.16进制:0 1 2 3 4 5 6 7 8 9 A B C D E F
// 3.生成随机数,生成一个索引,将16进制值放到一个数组中
// 4.颜色是由6位16进制的数组成,循环拼接
// 定义16进制的颜色值
let colors = [
'0',
'1',
'2',
'3',
'4',
'5',
'6',
'7',
'8',
'9',
'A',
'B',
'C',
'D',
'E',
'F'
]
// 定义一个函数
function setColor() {
// 颜色值,默认带#
let str = '#'
// 颜色是6位的16进制数,所以循环6次
for (let i = 0; i < 6; i++) {
// 生成一个随机索引
let index = parseInt(Math.random() * colors.length)
// 将对应的颜色值拼接到字符串
str += colors[index]
}
// 返回
return str
}
document.querySelector('p').style.color = setColor()