前端设计上课抽人名代码
时间: 2024-03-10 12:41:41 浏览: 20
在前端设计上课中,抽取人名的代码可以通过以下步骤实现:
1. 创建一个包含所有学生姓名的数组,例如`students`。
2. 使用JavaScript的`Math.random()`函数生成一个随机数,范围在0到数组长度减1之间。
3. 使用随机数作为索引,从数组中获取一个随机学生姓名。
4. 将随机学生姓名显示在前端页面上。
以下是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>抽人名</title>
<script>
function getRandomName() {
var students = ["张三", "李四", "王五", "赵六", "陈七"];
var randomIndex = Math.floor(Math.random() * students.length);
var randomName = students[randomIndex];
document.getElementById("result").innerHTML = randomName;
}
</script>
</head>
<body>
<h1>前端设计抽人名</h1>
<button onclick="getRandomName()">抽取</button>
<p id="result"></p>
</body>
</html>
```
当点击页面上的"抽取"按钮时,会随机从`students`数组中选择一个学生姓名,并将结果显示在页面上的`<p>`元素中。