简单的抽奖

效果展示

按下按钮后

 

1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容 

2打出4个p标签要做抽奖中的，第几发出的，保底差几发。

3在html写style或代入css的文件，然后给按钮宽40px，高100px，蓝色颜色，5px圆角，

左外边距47%。

p标签字大小28px，在给p标签一个居中。

还有网页的背景颜色可以给自己喜欢的颜色

4声明变量作为判断中奖的数字，还有保底还有几发中奖，获取p标签用来改变文字颜色

5写按钮按下后发生事件，保底-1，用p1获取随机的数字，数字小于或等于90就是蓝 ，小于或等于98就是紫，小于或等于100等于金，下面就是保底，正常出紫或者保底出紫得刷新保底，金也是一样。然后获取我们做的4个p标签，第一个是看出的品质是蓝还是紫或金。第2个是为了出金的时候告诉你第几发出金的，第3个保底紫还差几发，第4个保底金差几发

小结：这次写的抽奖是刚学习随机数做出来的，这抽奖其实还能升级，可以抽中的是图片或者有更多的品质更多的物品，还可以做10连抽但是我做10连抽的时候不知道怎么保底一个紫，非常难受本来可以做更加有趣且有动画的抽奖。我会努力学习做更加有趣的东西。因为做有趣的东西非常快乐也可以认识或记下新的知识。