js现有5名同学,包含姓名和性别,信息分别为:刘德华,男;张学友,男,王菲,女,周润发,男,梅艳芳,女,现编写一个随机点名程序,如图所示,当点击“随机点名”按钮后,第一个按钮随机显示姓名
时间: 2023-06-16 12:06:14 浏览: 191
以下是一个简单的随机点名程序,你可以在浏览器的Console里运行它:
```javascript
const students = [
{name: '刘德华', gender: '男'},
{name: '张学友', gender: '男'},
{name: '王菲', gender: '女'},
{name: '周润发', gender: '男'},
{name: '梅艳芳', gender: '女'}
];
function getRandomStudent() {
const randomIndex = Math.floor(Math.random() * students.length);
return students[randomIndex];
}
const button = document.querySelector('button');
button.addEventListener('click', () => {
const student = getRandomStudent();
console.log(student.name);
});
```
这个程序首先定义了一个包含5名学生信息的数组,然后定义了一个`getRandomStudent`函数,用于随机从数组中选择一个学生并返回。最后,通过`querySelector`方法获取“随机点名”按钮,并添加一个点击事件监听器,当点击按钮时,从数组中随机选择一个学生并将其姓名打印到控制台上。
相关问题
现有5名同学,包含姓名和性别,信息分别为:刘德华,男;张学友,男,王菲,女,周润发,男,梅艳芳,女,现编写一个随机点名程序,如图所示,当点击“随机点名”按钮后,第一个按钮随机显示姓名
好的,我可以用 Python 编写一个简单的随机点名程序,代码如下:
```python
import random
# 姓名和性别列表
name_list = [('刘德华', '男'), ('张学友', '男'), ('王菲', '女'), ('周润发', '男'), ('梅艳芳', '女')]
def random_name():
# 随机选择一个姓名
name, gender = random.choice(name_list)
# 在界面上显示被点到的姓名
print(f"被点到的同学是:{name}({gender})")
# 测试
random_name()
```
你可以将这段代码保存为一个 `.py` 文件,然后通过命令行运行它。当你点击“随机点名”按钮时,它会随机选择一个同学的姓名和性别,并将其打印在控制台上。
用js写一段编程,现有5名同学,包含姓名和性别,信息分别为:刘德华,男;张学友,男,王菲,女,周润发,男,梅艳芳,女,现编写一个随机点名程序,如图所示,当点击“随机点名”按钮后,第一个按钮随机显示姓名。
可以使用以下代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机点名程序</title>
</head>
<body>
<h1>随机点名程序</h1>
<p>当前被选中的同学是:<span id="result"></span></p>
<button onclick="randomPick()">随机点名</button>
<script>
// 定义学生信息数组
var students = [
{ name: '刘德华', gender: '男' },
{ name: '张学友', gender: '男' },
{ name: '王菲', gender: '女' },
{ name: '周润发', gender: '男' },
{ name: '梅艳芳', gender: '女' }
];
// 随机点名函数
function randomPick() {
// 随机生成一个0~4的整数作为数组下标
var index = Math.floor(Math.random() * 5);
// 获取选中的学生信息
var student = students[index];
// 更新页面显示
document.getElementById("result").innerHTML = student.name;
}
</script>
</body>
</html>
```
在代码中,定义了一个包含5名学生信息的数组`students`,每个学生信息包含`name`和`gender`两个属性。定义了一个`randomPick`函数,用于随机点名。在函数中,使用`Math.random()`函数生成一个0~1之间的随机数,乘以5并向下取整,得到一个0~4的整数作为数组下标,从而随机选取一个学生。最后,将选中的学生姓名显示在页面上。在HTML代码中,定义了一个用于显示选中学生姓名的`<span>`元素,并在“随机点名”按钮上绑定了`randomPick`函数。
阅读全文