Day18随机颜色案例 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>随机颜色案例</title>
</head>

<body>
  <script>
    // 1.定义一个随机颜色函数
    function getRandomColor(flag) {
      // 3.是true  则返回#fffff样式的
      if (flag) {
        let str = '#'
        let arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
          'a', 'b', 'c', 'd', 'e', 'f']
        // 利用for循环重复抽取六次
        // 每一次从数组中随机抽取一个数
        for (let i = 1; i <= 6; i++) {
          let random = Math.floor(Math.random() * arr.length)
          str += arr[random]
        }
        return str
      } 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.调用函数
    console.log(getRandomColor(false))
    console.log(getRandomColor(true))
  </script>
</body>

</html>

image

posted @ 2026-01-20 18:09  冰涿  阅读(0)  评论(0)    收藏  举报