html做一个上课随机点名系统,点名以后显示学生信息
时间: 2023-11-08 08:04:53 浏览: 82
以下是一个简单的 HTML 上课随机点名系统示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>上课随机点名系统</title>
</head>
<body>
<h1>上课随机点名系统</h1>
<p>点击下面的按钮进行随机点名:</p>
<button onclick="randomName()">点名</button>
<p id="student-info"></p>
<script>
// 学生名单
var students = ["张三", "李四", "王五", "赵六", "钱七"];
// 随机点名函数
function randomName() {
var index = Math.floor(Math.random() * students.length); // 生成 0 到学生名单长度减一之间的随机整数
var studentName = students[index];
document.getElementById("student-info").innerHTML = "被点名的学生是:" + studentName;
}
</script>
</body>
</html>
```
该示例中,我们使用了 HTML 的 `<button>` 元素来生成一个按钮,然后使用 JavaScript 编写了一个 `randomName()` 函数,实现随机点名的功能。当点击按钮时,会调用该函数,随机生成一个学生名字,并在界面上显示出来。
阅读全文