js练习：抽奖

<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>
在这里插入图片描述