首页html写一个课堂点名同学的代码

html写一个课堂点名同学的代码

时间: 2024-05-05 21:20:57 浏览: 81

以下是一个简单的HTML代码示例，可以在网页中实现课堂点名的功能： ```html <!DOCTYPE html> <html> <head> <title>课堂点名</title> </head> <body> <h1>课堂点名</h1> <p>请点击下面的按钮随机点名一个同学：</p> <button onclick="randomName()">点名</button> <p id="result"></p> <script> // 定义一个数组，存储所有同学的姓名 var students = ["张三", "李四", "王五", "赵六", "钱七"]; // 定义一个函数，实现随机点名功能 function randomName() { // 生成一个随机数，作为数组下标 var index = Math.floor(Math.random() * students.length); // 获取随机点名的同学姓名 var name = students[index]; // 将结果显示在页面上 document.getElementById("result").innerHTML = "被点名的同学是：" + name; } </script> </body> </html> ``` 在页面加载完成后，用户可以点击“点名”按钮，随机点名一个同学，并将结果显示在页面上。

阅读全文