知识点
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);
}