随机抽数(数字也可以改成人名)
提示:以下是本篇文章正文内容,下面案例可供参考
代码如下(示例):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
.d1{
width: 100px;
height: 200px;
font-size:26px ;
margin: 0px auto;
}
</style>
<body>
<script type="text/javascript">
window.onload = function() {
var but = document.getElementsByTagName("button")[0];
var p = document.getElementsByTagName("p")[0];
var arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17];
//var arr2 = [56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82];
but.onclick = function() {
p.innerHTML = "";
var str = new Array();
//alert("002222222222");
while (str.length < 3) {
var arr = Math.floor(Math.random() * 18); //获得随机数
if (str.indexOf(arr) == -1) {
str = str.concat(arr); //判断arr 是否是数组里面的 重复的数值
// 如果是 则重复的数值合并成一个数值 否 则添加到数组里面
// 用空格隔开
console.log(str)
}
}
for (var i = 0; i < str.length; i++) { // 中间有空格 取其奇数
//console.log(str1[i]);
for (var j = 0; j < arr2.length; j++) {
p.innerHTML += arr2[str[i]] + "<br>";
break;
}
}
//p.innerHTML+=str1;
}
}
</script>
<div class="d1">
<button>开始</button>
<p id="d2"></p>
</div>
</body>