JS基础-封装函数

100 阅读1分钟

三:封装一个函数随机生成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()