基于JavaScript实现抽奖页面

JS实现了一个简单的抽奖页面，供大家参考。具体内容如下

渲染：

图片材料：

代码如下，可以通过复制来使用：

！doctype html html headlang=' en ' metacarset=' utf-8 ' title抽奖页面/title style /*CSS代码*/* { padd :0；margin:0} .登录框{ width:500px高度：430 px；/* border:1px纯红；*//*水平居中*/边距：100px自动；-需要修改为自己的图片路径-background : URL(img/tx1 . png)no-repeat；box-shadow: 0 0 2px rgba(0，0，0， 5)；} .登录{ padding:5pxborder:0无；背景： # 0a 88 e 1；color:白色；font-size :12 px；文本对齐：中心；宽度width:220px线高： 20px；margin-top :200 px；左边距left:120px}/style/head body div class=' log in-box '输入类型=' button' value='点击开始抽奖' class=' log in ' id=' luck BTN ' onclick=' luck()'//div/body script//js代码：lucky draw var no=prompt('请输入//获取抽奖按钮文档. getelementbyid ('luckbtn ')。value=no '-欢迎，点击开始抽奖'；//点击抽奖按钮时调用，抽奖规则和提醒，函数函数luck(){ //系统随机生成一个随机整数：Math.random() 0-1，浮点数Varnum=parsent(Math。random()* 10)；/* alert(num)；*///随机数=会员卡号的百位数/* var gewei=no；警戒(格威)；*//* var Shiwei=parseint(no/10)；警戒(施威)；*/var baiwei=parseint(no/100)；/*警戒(百威)；*/if(baiwei==num){ alert('恭喜' no)，您获奖了！' );}else{ alert('抱歉，'不'，您没有获奖！' );} }/script/html如果你有更好的方法或者更多的功能，可以和我们分享。如有错误，请联系我纠正。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。