詳解python 條件語句和while迴圈的例項程式碼
阿新 • • 發佈:2020-12-29
技術標籤:jsjavascript
<!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>