javascript - 在多个地方使用相同的随机数 (JavaScript)

Question

我正在创建一个随机报价生成器，它应该为您提供随机报价以及说这句话的人，但我创建了两个单独的数组，因为这样可以更轻松地编辑稍后的页面。第一个数组包含引语本身，第二个数组包含引用者的名字。我想生成一个随机数，然后将其用作我在两个数组上的索引，从而获得随机引语和说这句话的相应人。

我尝试的第一件事是:

var randomIndex = function() {
  return Math.floor(Math.random() * quotes.length);
};

button.addEventListener("click", function(){
  quoteBox.textContent = '"' + quotes[randomIndex()] + people[randomIndex()] + '"';
});

但这给了我两个不同的随机数(我想是因为我调用了函数两次)。然后我尝试将随机数设置为一个变量并将其用作索引，但这不会改变，除非我刷新页面并且我希望它在单击按钮时改变。我想做的事可行吗？

Answer 1

尝试调用 randomIndex inside 您的点击处理程序。

button.addEventListener("click", function(){
  var random = randomIndex();
  quoteBox.textContent = '"' + quotes[random] + people[random] + '"';
});

这将在每次点击处理程序运行时分配一个新索引，但将使用相同的索引来访问 quotes 和 people。