双色球组合

来源:互联网 发布:数据网络开关在那 编辑:程序博客网 时间:2024/06/05 15:41
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
function getCode() {
var reds=[parseInt(Math.random()*33+1)];
while(reds.length<6){
var r=parseInt(Math.random()*33+1);
for(var i=0;i<reds.length;i++){
if(reds[i]==r){
break;


}
else if(i==reds.length-1){
reds.push(r);
}


}
}
function compare(a,b){return a-b};
reds.sort(compare);
for(var j=0;j<reds.length;j++){
document.getElementById("ball"+j+"").innerHTML=reds[j];


}
document.getElementById("blueball").innerHTML=parseInt(Math.random()*16+1);
}
</script>
</head>
<body>



<div id="ball0"></div>
<div id="ball1"></div>
<div id="ball2"></div>
<div id="ball3"></div>
<div id="ball4"></div>
<div id="ball5"></div>
<div id="blueball"></div>
<button type="button" onclick="getCode()">点我生成随机双色球</button>

</body>

</html>



<link rel="stylesheet" href="css/index.css">

* {
padding: 0;
margin: 0;
}


#ball0,#ball1,#ball2,#ball3,#ball4,#ball5 {
width: 50px;
height: 50px;
border: 2px solid red;
border-radius: 50%;
/*float: left;*/
display: inline-block;
}


#blueball {
width: 50px;
height: 50px;
border: 2px solid blue;
border-radius: 50%;
/*float: left;*/
display: inline-block;
}

原创粉丝点击