Javascript随机名称始终返回相同的项目

Question

我有这个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>

Answer 1

您需要将随机函数放在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>