Math.random的玩法

知识点

1.Math.random()
随机数0.×××××××

2.toString()
将数字变成字符串, 不然substring识别不了

3.substring(2, 4)
从第二个开始，到第四个结束（不算4） （0 1 2 3 4）

所以返回54

  开始
    ↓ ↓
0 1 2 3 4
        ↑
       结束



  开始
    ↓
0 . 5 4 1 2 3 5 6 7 8 9 9
        ↑
      结束

---

源码如下

随机数变成字符串，然后再切割。最后包裹一个()，括号加一个+号
就能悄悄的强制类型转换成数字。小于等于1就能中奖了

<div class="item"></div>

<script>
    var a = +(Math.random().toString().substring(2, 4))
    var txt = document.querySelector(".item")
    if (a <= 1) {
        txt.innerHTML = "中奖了"
        txt.className = "item good"
    } else {
        txt.innerHTML = "未中奖"
    }
    console.log(typeof a, a)
</script>

.item {
  padding: 80px;
  background: rgb(0, 0, 0, 0.69) no-repeat;
  width: 400px;
  margin: 0 auto;
  color: #ffffff;
  text-align: end;
  border-radius: 10px;
  font-size: 35px;
  font-family: 微软雅黑;
  font-weight: bolder;
  background-image: url(https://img.zcool.cn/community/01e5ed5bbb4d7ba801213deaff734c.gif);
}

.good {
  background: #f23b3e no-repeat;
  background-image: url(https://img.zcool.cn/community/01adf25bbb4d72a8012099c8c4ba5b.gif);
}

---