问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

用javascript语言编写《模拟幸运抽奖》要求如下:

发布网友 发布时间:2022-04-29 01:55

我来回答

2个回答

懂视网 时间:2022-05-15 04:56

这篇文章主要为大家详细介绍了基于JavaScript实现幸运抽奖页面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

JS实现简单的幸运抽奖页面,供大家参考,具体内容如下

效果图:

图片素材 :

代码如下,复制即可使用:

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title>幸运抽奖页面</title>
 <style>
 /*CSS代码*/
 *{
 padding:0;
 margin:0;
 }
 .login-box{
 width:500px;
 height:430px;
 /* border:1px solid red;*/
 /*水平居中*/
 margin:100px auto;

       <!-- 此处需要修改为自己的图片路径 -->

 background: url(img/tx1.png) no-repeat;
 box-shadow: 0 0 2px rgba(0,0,0,.5);
 }
 .login{
 padding:5px;
 border:0 none;
 background: #0a88e1;
 color: white;
 font-size:12px;
 text-align: center;
 width:220px;
 line-height: 20px;
 margin-top:200px;
 margin-left:120px;
 }
 </style>
</head>
<body>
 <p class="login-box">
 <input type="button" value="点击开始抽奖" class="login" id="luckbtn" onclick="luck()"/>
 </p>
</body>
<script>
 //JS代码:幸运抽奖
 var no = prompt("请输入您的四位会员卡号:");
 //获取到抽奖按钮
 document.getElementById("luckbtn").value =no+"-欢迎你,点击开始抽奖" ;

 //当点击抽奖按钮的时候调用,幸运抽奖的规则及提醒,功能 function 函数
 function luck(){
 //系统随机生成一个0-10之间的随机整数 :Math.random() 0-1之间的浮点数
 var num = parseInt(Math.random()*10);
 /*alert(num);*/
 //随机数=会员卡号的百位数
 /* var gewei = no%10;
 alert(gewei);*/
 /*var shiwei = parseInt(no/10%10);
 alert(shiwei);*/
 var baiwei = parseInt(no/100%10);
 /*alert(baiwei);*/
 if(baiwei == num){
 alert("恭喜"+no+",您中奖了!");
 }else{
 alert("对不起,"+no+",您没有中奖!");
 }
 }

</script>
</html>

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

Ajax获取数据然后显示在页面的实现方法

ajax设置async校验用户名是否存在的实现方法

IE下Ajax提交乱码的快速解决方法

热心网友 时间:2022-05-15 02:04

function getsum(num){
var realnum=parseInt(num);
var length=num.toString().length;
var result=0;
var basenum=10;
for(var i =0;i<length;i++){
result+=realnum%basenum;
realnum=Math.floor(realnum/basenum);
}
return result;
}追问我是初学,能给我解释一下大概内容吗

追答function getsum(num){
var realnum=parseInt(num);//字符串变数字
var length=num.toString().length;//字符串长度,也就是数字位数
var result=0;//初始化返回结果
var basenum=10;//下面计算的时候要用的被除数
for(var i =0;i<length;i++){//循环取每一位数字
result+=realnum%basenum;//每次%10,得到个位数,并加到返回结果中
realnum=Math.floor(realnum/basenum);//把原始数字除以10那么原来的十位上的数字就变到个位了,那下次就又可以取个位上的数了
}
return result;//返回结果
}
//over

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
我网贷一万,手续费300,分24期,每期506.67,请问怎么计算月息,和年利率... 多普达手机铃音多普达手机铃声 【车载软件推荐】有车一族必备软件有哪些?好用的车主必备app 我画画时常被说我画画不动脑筋,弱弱的问一句,画画怎样动脑筋? 三星手机如何设置时间在桌面显示? 精确到十分位,要看小数点右边第一位 对吗 要把一个小数精确到十分位,就要看这个小数的( )A.十分位B.百分位C... 黑米算不算粗粮 存定期协议利率选是还是否? 同城上那些卖二手ndsi的是真的吗? 为什么清除死粉之后所有的微信好友名称都改变了呢? 微商死粉怎么清 如何清除微信死粉 TCL液晶电视出现横线条,有些画面又不会,确定不是信号问题 老式的tcl电视出现闪光横条纹是什么原因? 刚买的TCL液晶电视一开机出现横线,过几分钟就好了,是什么故障 TcL电视出现竖带是什么问题? tcl屏幕出现横条像二维码一样? 求QQ群名字、统一名字(男女分开)和群头像 要唯美的!!! 好听的qq群名+群简介+群备注(分男女的) WPS表格中这个功能是什么?如何开启及关闭?具体如图。 想要群名称分男女的 电脑WPS表格怎么关闭 wps表格中怎么取消高级筛选 男女 群昵称 wps表格这个怎么关? 男女在一群里,关系不错,这个群名应该怎样定? 我的WPS表格怎么一打字就跳出来一个搜索页面怎么才能关掉? 8个人男女都有起个群名 两男四女是好朋友 创了一个群 该叫什么群名呢 我用javascript在html上做了抽奖网页,抽奖已经实现了.我怎么实现抽过人... javascript 写抽奖系统的中奖率怎么设置 初学者一个很简单的数字抽奖的Javascript有几个不太明白的地方_百度知 ... 做一个九宫格抽奖转盘html+JavaScript 样式做好了就差JavaScript 用JavaScript给做个网页!! 用javascript设计网页如图 用javascript编写一个简单的页面 2、 用JavaScript实现:将页面里所有className包含test的A标签找出来... 怎么用javascript实现在页面上通过点击,在页面上追加显示一个原有的对 ... 用javascript,实现功能:点击左边的按钮可以在右面的div中打开新网页... 论文:基于javascript个人网站设计 求高手用javascript做一个页面可以动态生成HTML 蛋挞皮什么牌子的好吃又健康 麦德龙蛋挞皮是什么牌子 古奇古驰gucci衣服有换新LOGO吗?如下面的图 酷奇t恤那几个英文字母洗了掉颜色了是咋么回事 世界上名牌衣服、包包、鞋的标志,名称,图片最好也有 为什么酷奇的衣服还有洋基的标? 是酷奇商标吗 酷奇包包怎么搭配衣服