html简单的随机点名
时间: 2023-08-14 15:08:11 浏览: 89
可以使用JavaScript来实现一个简单的随机点名程序。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机点名</title>
</head>
<body>
<h1>随机点名程序</h1>
<p>请输入学生名单,名字之间用逗号隔开:</p>
<textarea id="names" rows="4" cols="50"></textarea>
<br>
<button onclick="randomName()">随机点名</button>
<br>
<p id="result"></p>
<script>
function randomName() {
var names = document.getElementById("names").value;
var arr = names.split(",");
var randomIndex = Math.floor(Math.random() * arr.length);
var result = "被点名的学生是:" + arr[randomIndex];
document.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>
```
在这个例子中,我们创建了一个`<textarea>`元素,用于输入学生名单。然后我们在JavaScript中定义了一个`randomName()`函数,当用户点击“随机点名”按钮时,会调用这个函数。在函数中,我们首先获取输入框中的文本,将它们转换为一个数组,然后使用`Math.random()`函数生成一个随机的数组下标,最后输出被点名的学生名字。
请注意,这只是一个简单的例子,它没有进行任何输入验证和错误处理。在实际应用中,你可能需要对输入进行更加严格的限制,以确保程序可以正常运行。