javascript - 我正在尝试通过单击按钮从我的数组中生成一个随机词

Question

到目前为止，每次刷新页面时我都会从列表中随机获得一个单词，但是我希望能够使用“显示”按钮在 textbox 中生成一个随机单词。我怎么做？我想我应该用别的东西换掉 document.write 吗？我试过 onclick 但它没有用。

var words = [
  'Hello',
  'No',
  'Hi',
  'Banana',
  'Apple'
];

function randomWord(words) {
  return words[Math.floor(Math.random() * words.length)];
}

for (var x = 0; x < 1; x++)
  document.write(randomWord(words));

<form name="f1">
  <input type="text" value="" name="textbox" id="textbox" />
  <input type="button" value="show" onclick="randomWord()" />
  <br/>
</form>
<div id="new" />

Answer 1

这些是您需要遵循的一些事项。

1. 切勿使用 document.write() .
2. 不要自行关闭<div />标签。
3. 使用事件监听器。
4. 正确使用范围。删除 var在这里。
5. 明智地使用参数。您在这里不需要参数，它使全局变量成为局部变量，并且您也没有传递值。

您不清楚在哪里显示文字。所以，我假设您想在 <input /> 中显示它.

words = [
  'Hello',
  'No',
  'Hi',
  'Banana',
  'Apple'
];

function randomWord() {
  document.getElementById("textbox").value = words[Math.floor(Math.random() * words.length)];
}

* {font-family: 'Segoe UI';}

<form name="f1">
  <input type="text" value="" name="textbox" id="textbox" />
  <input type="button" value="show" onclick="randomWord()" />
  <br/>
</form>
<div id="new"></div>