javascript - 随机选择的名称显示在innerHTML中

Question

好的，我有一个随机选择的名称数组，显示在名为“文本框”的文本区域中。它与 math.random() 一起使用，但只会在我重新加载页面时选择一个新的随机名称。每次有人单击按钮时，我如何让它选择一个新的随机名称，这样他们就不必重新加载页面？

<p id="textbox"></p>
<button onclick="generateFunction()"> Generate </button>

<script>
function generateFunction() {
  var Names = ["Alex", "Alan", "Bob"];
  var displayNames = Names[Math.floor(Math.random() * Names.length)];

  document.getElementById("textbox").innerHTML = displayNames;
}

Answer 1

你的代码非常正确。但它有语法错误。

• 首先，标记和脚本中缺少 ()。
• 其次，在调用函数之前您还没有声明该函数。这就像尝试调用尚未初始化的变量的值。

这将是正确的代码:

<script type=text/javascript">
    function generateFunction {
        var Names = ["Alex", "Alan", "Bob"];
        var displayNames = Names[Math.floor(Math.random() * Names.length)];

        document.getElementById("textbox").innerHTML = displayNames;
    }
</script

<p id="textbox"></p>
<button onclick="generateFunction"> Generate </button>