<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>点名器</title>
<style>
#p{
width: 200px;
height: 100px;
text-align: center;
font-weight: 700;
line-height: 100px;
font-size: 50px;
border: 3px solid darkcyan;
}
#btn{
width: 100px;
margin: 0 50px;
}
div{width: 202px;
margin: 0 auto;}
</style>
</head>
<body>
<div>
<p id="p"></p>
<button id="btn"> 开 始 点 名</button>
</div>
<script>
//获取标签和按钮
var p = document.getElementById('p')
var btn = document.getElementById('btn')
var arr = ['胖纸','陈赫','老航','老王','隔壁老樊','张杰','不灵不灵','郑凯','邓超']
//随机函数
function random(min,max) {
return parseInt(Math.random()*(max - min +1) + min)
}
//点击事件
btn.onclick =function(){
var leth = arr.length-1
var num = random(0,leth)
nam = arr[num]
p.innerHTML = nam
}
</script>
</body>
</html>
随机点名器
最新推荐文章于 2021-08-14 09:27:22 发布