通过 JS 添加样式

1. 通过 JS 添加样式

  <script>
    // 获取box的DOM对象
    var box = document.getElementById("box");
    box.style.width = "200px";
    box.style.height = "200px";
    // box.style.backgroundColor = "pink";
    // box.style["background-color"] = "red";
    box.style["backgroundColor"] = "red";
  </script>

2. 随机数

2.1 随机生成一个 0-1 之间的小数：Math.radom()

  <script>
    var num = Math.random();
    console.log(num); // 生成一个0-1之间的随机小数

    // 求 0-100 之间的随机数
    var a = Math.random() * 100;
    console.log(a);
  </script>

2.2 向下取整：Math.floor()

  <script>
    // 去掉小数部分
    // 求 0-100 之间随机整数
    var b = Math.floor(Math.random() * 100) + 1; // 向下取整
    console.log(b);
  </script>

2.3 案例：打开网页 随机改变网页的背景颜色

  <script>
    // 打开网页 随机改变网页的背景颜色
    // 颜色的组成规则 0-9 a-f 16进制颜色码 6位
    var colors = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
    var color = "#";
    for (var i = 0; i < 6; i++) {
      // 随机的下标
      var index = Math.floor(Math.random() * colors.length);
      color += colors[index];
    }
    document.body.style.background = color;
  </script>