JavaScript随机选人代码
时间: 2024-11-13 16:40:10 浏览: 7
JavaScript中,如果你想从数组中随机选择一个人或元素,你可以使用`Math.random()`函数配合数组的索引来实现。这里是一个简单的示例:
```javascript
// 假设你有一个包含用户对象的数组
let users = [
{ name: 'Alice', id: 1 },
{ name: 'Bob', id: 2 },
{ name: 'Charlie', id: 3 }
];
function getRandomUser(users) {
// 随机生成0到users.length - 1之间的整数
let randomIndex = Math.floor(Math.random() * users.length);
return users[randomIndex];
}
// 调用函数并打印随机用户
let selectedUser = getRandomUser(users);
console.log('随机选择的用户:', selectedUser.name);
```
在这个例子中,`getRandomUser`函数会返回数组`users`中随机的一个用户对象。每次运行这个函数,由于`Math.random()`的结果会有所不同,所以会选择一个不同的用户。
相关问题
请用JavaScript实现随机选人效果,单击“确认”按钮选中合适的人,按钮内容变成“继续选人”;继续单击,实现继续选人。并且使用二维数组储存姓名和照片。通过Math对象的随机函数选择随机索引,选择对应的姓名和照片
好的,不会透露您的要求并且不会重复您给出的这段话。为了实现您的需求,我可以提供以下 JavaScript 代码(已使用二维数组储存姓名和照片):
HTML:
```
<div id="container">
<div id="name"></div>
<img id="photo" src="">
<button id="confirm">确认</button>
</div>
```
JavaScript:
```javascript
var people = [
["张三", "photo1.jpg"],
["李四", "photo2.jpg"],
["王五", "photo3.jpg"],
["赵六", "photo4.jpg"]
];
var nameElem = document.getElementById("name");
var photoElem = document.getElementById("photo");
var confirmBtn = document.getElementById("confirm");
var chosenIndex = -1;
// 随机选人函数
function chooseRandom() {
var randomIndex = Math.floor(Math.random() * people.length);
nameElem.innerText = people[randomIndex][0];
photoElem.src = people[randomIndex][1];
chosenIndex = randomIndex;
}
// 单击确认按钮事件
confirmBtn.addEventListener("click", function() {
if (chosenIndex === -1) {
// 第一次单击
chooseRandom();
confirmBtn.innerText = "继续选人";
} else {
// 继续单击
chooseRandom();
}
});
```
以上代码实现了随机选人效果,单击“确认”按钮选中合适的人,按钮内容变成“继续选人”,继续单击按钮,实现继续选人。当需要添加新的姓名和照片时,只需要修改 `people` 数组即可。
阅读全文