Javascript 如何使用innerHTML为每个按钮指定不同于数组的值？

我有一个电影类型的数组，其想法是总是从数组中取一个随机值，并将其添加到服务器上的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];
});

模态标题
一些答案
一些答案
一些答案

您需要更改循环中的随机数，如果在循环之前定义它，它将始终保持不变

forEach.call(answers, function(answers){
    randGenres = Math.floor(Math.random()*genres.length);
    answers.innerHTML = movies[randAnswer] && genres[randGenres];
});

forEach.call(answers, function(answers){
    randGenres = Math.floor(Math.random()*genres.length);
    answers.innerHTML = movies[randAnswer] && genres[randGenres];
});