关于math:Mathrandom的玩法

38次阅读

共计 783 个字符,预计需要花费 2 分钟才能阅读完成。

知识点

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

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

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


源码如下

随机数变成字符串,而后再切割。最初包裹一个 (),括号加一个 + 号
就能悄悄的强制类型转换成数字。小于等于 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);
}

正文完
 0