首页html制作随机点名系统

html制作随机点名系统

时间: 2023-07-03 14:23:01 浏览: 153

以下是一个简单的 HTML 随机点名系统的示例： ```html <!DOCTYPE html> <html> <head> <title>随机点名系统</title> <style> body { font-family: Arial, sans-serif; text-align: center; } h1 { font-size: 1.5rem; } button { font-size: 1rem; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; } </style> </head> <body> <h1>随机点名系统</h1> <p>点击下面的按钮进行随机点名：</p> <button onclick="randomName()">点名</button> <div id="result"></div> <script> var names = ["张三", "李四", "王五", "赵六", "钱七"]; // 将需要进行点名的名字存储在一个数组中 function randomName() { var index = Math.floor(Math.random() * names.length); // 生成一个随机的数组下标 document.getElementById("result").innerHTML = names[index] + "同学，请回答问题。"; // 在页面上显示随机选中的名字 } </script> </body> </html> ``` 这个随机点名系统使用了一个数组来存储需要进行点名的名字，每次点击“点名”按钮时，会生成一个随机的数组下标，并在页面上显示对应的名字。可以根据需要修改数组中的名字，以实现不同的随机点名功能。

阅读全文