首页用html写一个随机点名系统

用html写一个随机点名系统

时间: 2023-04-06 21:03:55 浏览: 151

好的，我可以回答这个问题。以下是一个简单的用HTML实现的随机点名系统： ```html <!DOCTYPE html> <html> <head> <title>随机点名系统</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>随机点名系统</h1> <p>点击下面的按钮，随机选择一个名字。</p> <button onclick="randomName()">点名</button> <p id="name"></p> <script> function randomName() { var names = ["张三", "李四", "王五", "赵六", "钱七"]; var index = Math.floor(Math.random() * names.length); document.getElementById("name").innerHTML = names[index]; } </script> </body> </html> ``` 这个系统包含一个按钮和一个段落，点击按钮会随机选择一个名字，并在段落中显示出来。在JavaScript代码中，我们定义了一个名字数组，然后使用Math.random()函数生成一个0到1之间的随机数，将其乘以名字数组的长度，再使用Math.floor()函数向下取整，得到一个随机的数组下标，最后将对应的名字显示在段落中。

阅读全文