js现有5名同学,包含姓名和性别,信息分别为:刘德华,男;张学友,男,王菲,女,周润发,男,梅艳芳,女,现编写一个随机点名程序,如图所示,当点击“随机点名”按钮后,第一个按钮随机显示姓名
时间: 2023-06-16 15:06:14 浏览: 195
公司管理层微信群取名 [微信男生取名的方法] .docx
以下是一个简单的随机点名程序,你可以在浏览器的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`方法获取“随机点名”按钮,并添加一个点击事件监听器,当点击按钮时,从数组中随机选择一个学生并将其姓名打印到控制台上。
阅读全文