首页html做一个上课随机点名系统，点名以后显示学生信息

html做一个上课随机点名系统，点名以后显示学生信息

时间: 2023-11-08 17:04:53 浏览: 85

以下是一个简单的 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()` 函数，实现随机点名的功能。当点击按钮时，会调用该函数，随机生成一个学生名字，并在界面上显示出来。

阅读全文