<html>
<head>
<title>js抽奖</title>
<meta charset="utf-8"/>
<style type="text/css">
table{
width:900px;
/*border:1px solid blue;*/
margin:10px auto;
border-collapse:collapse;/*合并相邻单元格之间的边框*/
}
td{
font-size:24px;
padding:10px;
border:1px solid blue;
}
</style>
</head>
<body>
<!--抽奖的按钮-->
<input type="button" value="抽奖" onclick="chouJiang();"/><br/>
<input type="button" value="抽奖" id="but1"/><br/>
<script type="text/javascript">
function chouJiang(){
//alert("抽奖开始!");
//定义变量记录次数 赢的次数
var ying=0,ciShu=0;
while(true){
//随机一个三位数
var num="";
for(var i=1;i<=3;i++){
num+=parseInt(Math.random()*10);
}
var result=num.indexOf("8")==-1?"输":"赢";
ying+= (result=="赢"?1:0);
ciShu++;
var gl=parseInt(ying/ciShu*10000)/100;
var message="";
message+="结果是:"+num+"\r\n";
message+=result+"\r\n";
message+="总次数:"+ciShu+",赢次数:"+ying+",赢概率:"+gl+"%\r\n";
message+="继续抽奖吗?";
var b=window.confirm(message);
if(!b){
break;
}
}
}
//文档加载成功时 给动态的给按钮注册事件
window.onload=function(){
var but1=document.getElementById("but1");//获取按钮对象
but1.onclick=chouJiang;//给按钮注册事件
}
</script>
</body>
</html>
js练习:抽奖
最新推荐文章于 2024-07-24 11:09:48 发布