javascript - Javascript随机名称总是返回相同的项目

我有这个javascript代码，它从字符串数组中收集名称并返回一个随机名称，但是每次我触发该函数时，它都返回相同的名称；我需要刷新网页以生成新的随机名称。

var items = ["Tony","Peter","Chris","Thor","Roger","Steve"];
var  randomItem = items[Math.floor(Math.random() * items.length)];

function getRandom(){
  document.getElementById("random").innerHTML = randomItem;
}

<button id="getRandom" onclick="getRandom()">Get Random name</button>
<span id="random">Click button to generate new name</span>

最佳答案

您需要将随机函数放入getRandom()函数中

var items = ["Tony","Peter","Chris","Thor","Roger","Steve"];


function getRandom(){
  var  randomItem = items[Math.floor(Math.random() * items.length)];
  document.getElementById("random").innerHTML = randomItem;
}

<button id="getRandom" onclick="getRandom()">Get Random name</button>
<span id="random">Click button to generate new name</span>

关于javascript - Javascript随机名称总是返回相同的项目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52095725/