HTML随机点名程序
以下是一个简单的HTML随机点名程序示例。这个程序使用JavaScript来随机选择并显示一个名字。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>随机点名程序</title>
<script>
// 初始化名字数组
var names = ["张三", "李四", "王五", "赵六", "孙七"];
// 随机点名函数
function randomCall() {
var randomIndex = Math.floor(Math.random() * names.length);
var randomName = names[randomIndex];
document.getElementById("randomName").innerText = randomName;
}
</script>
</head>
<body>
<h1>随机点名程序</h1>
<button onclick="randomCall()">点名</button>
<p id="randomName">等待点名...</p>
</body>
</html>
这段代码定义了一个名字数组names
,包含了几个示例名字。randomCall
函数使用JavaScript的Math.random()
函数来生成一个随机数,然后用这个随机数来计算数组中的一个随机索引。函数最后将随机选出的名字显示在一个<p>
标签中。点击按钮会触发点名过程。
评论已关闭