<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button>随机彩票</button>
<p></p>
<script>
// 要求:点击按钮时生成一注7位的彩票,该7位数字为1-29中的不重复数字
// 用3种方法
// 1.第一种用随机数,随机7次,放在数组里,用indexof判断这个数字是已在数组中(返回-1,表示不存在)
// 2.先生成29个数字的数组,在数组中随机删除一个数字(splice),删除的位置给随机数就行了
// 3.拿1-29的数组,乱序排列
var oBtn=document.querySelector("button");
var oP=document.querySelector("p");
// 方法一:
// oBtn.οnclick=function(){
// var arr=[];
// for(var i=0;i<7;i++){
// var iRandom=Math.round(Math.random()*(29-1)+1);
// arr.indexOf(iRandom)==-1 ? arr.push(iRandom) : i--;
// }
// oP.innerHTML=arr;
// }
// 方法二:
// oBtn.οnclick=function(){
// var arrAll=[];
// for(var i=1;i<30;i++){
// arrAll.push(i);
// }
// var arr=[];
// for(var i=0;i<7;i++){
// arr.push(arrAll.splice(Math.round(Math.random()*(arrAll.length-1)),1)[0]);
// }
// oP.innerHTML=arr;
// }
// 方法三:
oBtn.onclick=function(){
var arr=[];
for(var i=0;i<30;i++){
arr.push(i);
}
arr.sort(function(a,b){
return Math.random()-0.5;
});
arr.length=7;
oP.innerHTML=arr;
}
</script>
</body>
</html>
练习-随机彩票
最新推荐文章于 2022-03-25 09:31:02 发布