如何为每个按钮提供与innerHTML数组不同的值？
如何为每个按钮提供与innerHTML数组不同的值？
提问于 2021-04-07 09:47:51
我有一个电影类型数组，其想法是总是从数组中获取一个随机值，并将其添加到服务器的4个HTML按钮中，作为一个问答问题的答案。我设法将从数组中获取的值随机化，但是，对于所有4个按钮，该值都会被重复。我想要的是，每个按钮从数组中获取一个不同的值，并且是随机的。
const genres = ["Crime", "Action", "Drama", "Thriller", "Horror", "Comedy", "History", "Romance", "Adventure", "Epic", "Sci-Fi" ];
const randGenres = Math.floor(Math.random()*genres.length);
let answers = document.querySelectorAll('.answer');
[].forEach.call(answers, function(answers){
answers.innerHTML = movies[randAnswer] && genres[randGenres];
}); <h5 class="modal-title">Modal title</h5>
<div class="question">
</div>
<button class="answer">Some Answer</button>
<button class="answer">Some Answer</button>
<button class="answer">Some Answer</button>
</div>
<script src="main.js"></script> 回答 1
Stack Overflow用户
回答已采纳
发布于 2021-04-07 09:53:19
您需要更改循环中的随机数，如果在循环之前定义它，则始终保持不变。
forEach.call(answers, function(answers){
randGenres = Math.floor(Math.random()*genres.length);
answers.innerHTML = movies[randAnswer] && genres[randGenres];
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66983561
复制相关文章
相似问题
腾讯云开发者
