用js寫個點名消失系統
时间: 2024-02-27 11:51:39 浏览: 13
好的,以下是一个用 JavaScript 实现的简单的点名消失系统:
HTML:
```html
<body>
<h1>班级名单</h1>
<ul id="class-list">
<li>小明</li>
<li>小红</li>
<li>小刚</li>
<li>小丽</li>
</ul>
<button onclick="randomPick()">随机点名</button>
</body>
```
JavaScript:
```javascript
function randomPick() {
const classList = document.getElementById('class-list').getElementsByTagName('li');
const randomIndex = Math.floor(Math.random() * classList.length);
const pickedStudent = classList[randomIndex];
pickedStudent.style.display = 'none';
}
```
这个代码会在页面加载时生成一个班级名单,然后当用户点击“随机点名”按钮时,会随机选择一个学生并将其从页面中移除。具体实现方式是通过获取班级名单的所有元素(即 `li` 标签),然后生成一个随机整数作为索引,从而随机选择一个学生。最后,将选中的学生的 `display` 属性设置为 `none`,使其在页面中消失。
相关问题
用java写个点名系统
好的,以下是一个简单的点名系统的 Java 代码示例:
```java
import java.util.ArrayList;
import java.util.Random;
import java.util.Scanner;
public class PointNameSystem {
public static void main(String[] args) {
// 创建一个学生名单
ArrayList<String> studentList = new ArrayList<>();
studentList.add("张三");
studentList.add("李四");
studentList.add("王五");
studentList.add("赵六");
studentList.add("钱七");
// 创建一个随机数生成器
Random random = new Random();
// 循环点名
while (true) {
System.out.println("请按回车键进行点名:");
Scanner scanner = new Scanner(System.in);
scanner.nextLine();
// 随机生成一个数字,用来选择学生名单中的一个学生
int index = random.nextInt(studentList.size());
// 输出选择的学生名字
System.out.println("点名到的学生是:" + studentList.get(index));
}
}
}
```
这个点名系统的逻辑比较简单,就是先创建一个学生名单,然后循环进行点名操作。每次点名时,先等待用户按下回车键,然后随机生成一个数字来选择名单中的一个学生,最后输出选择的学生名字。
用Java写一个点名系统
好的,我为您提供一个简单的Java代码示例来实现一个点名系统:
```java
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
public class AttendanceSystem {
private List<String> students;
private Random random;
public AttendanceSystem(List<String> students) {
this.students = students;
this.random = new Random();
}
public String getRandomStudent() {
int index = random.nextInt(students.size());
return students.get(index);
}
public static void main(String[] args) {
List<String> students = new ArrayList<>();
students.add("Alice");
students.add("Bob");
students.add("Charlie");
students.add("David");
students.add("Eve");
AttendanceSystem attendanceSystem = new AttendanceSystem(students);
String randomStudent = attendanceSystem.getRandomStudent();
System.out.println("Randomly selected student: " + randomStudent);
}
}
```
这段代码实现了一个简单的点名系统。在 `main` 方法中,我们创建了一个包含学生名字的列表,并将其传递给 `AttendanceSystem` 构造函数。然后,我们调用 `getRandomStudent` 方法来随机选择一个学生,并将结果打印出来。
您可以根据自己的需求修改学生名字列表,并根据实际情况进行扩展。希望对您有帮助!