<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
display: inline-block;
width: 150px;
height: 30px;
border: 1px solid pink;
vertical-align: middle;
text-align: center;
line-height: 30px;
/* margin: 300px; */
}
</style>
</head>
<body>
抽中的选手: <div></div>
<script>
// 1. 获取元素
let box = document.querySelector('div')
// 2. 得到随机的名字
// 随机数
function getRandom(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min
}
// 声明一个数组
let arr = ['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操', 'pink老师']
// 生成1个随机数 作为数组的索引号
let random = getRandom(0
利用DOM随机点名
于 2022-04-25 15:37:21 首次发布
本文介绍了如何使用JavaScript结合DOM操作进行随机点名的方法,从简单版到进化的第三个版本,详细阐述了各个版本的差异和改进。
摘要由CSDN通过智能技术生成