html做一个随机点名程序,将7位人名存入一个数组中。例如[‘张三’,李四',王二麻子’,贺六’,‘小七’,黑八’,琴酒’]页面随机输出其中的一位人名
时间: 2024-10-25 19:06:23 浏览: 23
HTML本身并不是用于编写随机点名程序的主要语言,它主要用于网页结构的设计。然而,你可以结合JavaScript来创建这样的功能。下面是一个简单的示例,展示了如何在HTML中配合JavaScript实现这个需求:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>随机点名</title>
<script>
// 定义一个包含7个人名的数组
var names = ['张三', '李四', '王二麻子', '贺六', '小七', '黑八', '琴酒'];
// 创建一个函数,用于获取随机索引
function getRandomIndex(arr) {
return Math.floor(Math.random() * arr.length);
}
// 页面加载完成后,展示随机选择的人名
window.onload = function() {
var randomName = names[getRandomIndex(names)];
document.getElementById('random-name').innerText = randomName;
}
</script>
</head>
<body>
<h1 id="random-name">点击这里看随机人选</h1>
</body>
</html>
```
在这个例子中,当HTML页面加载完毕后,会通过JavaScript的`window.onload`事件触发一个函数,该函数会从names数组中随机选取一位人名,并将其显示在id为"random-name"的`<h1>`元素中。
阅读全文