HTML 代码不起作用

Question

我下面的 html 代码应该从列表中调用 3 个随机单词，但它不是

<html>
<body>
        <div id="placeholder"></div>
        <input id="clickMe" type="button" value="Generate!" onclick="generator();" />

        <script>
        function generator(){
  var begin = ["Example1","Example2"]
  var middle = ["moreexamples","moreandmore"]
  var end = ["moremoremore","evenmoreman"]

  // Random numbers are made
  var randomNumber1 = parseInt(Math.random() * begin.length);
  var randomNumber2 = parseInt(Math.random() * middle.length);
  var randomNumber3 = parseInt(Math.random() * end.length);
  var name = begin[randomNumber1] + "" + middle[randomNumber2] + "" + end[randomnumber3];           

  //If there's already a name it is removed
  if(document.getElementById("result")){
    document.getElementById("placeholder").removeChild(document.getElementById("result"));
  }
  var element = document.createElement("div");
  element.setAttribute("id", "result");
  element.appendChild(document.createTextNode(name));
  document.getElementById("placeholder").appendChild(element);
}

        </script>
        <script>
        if(document.getElementById("result")){
  document.getElementById("placeholder").removeChild(document.getElementById("result"));
}

element = document.createElement("div");
element.setAttribute("id", "result");
element.appendChild(document.createTextNode(name));
document.getElementById("placeholder").appendChild(element);
</script>
        </div>

</body>
</html>

如果有人知道出了什么问题，请告诉我如何解决它。 :) 顺便说一句，这只是一页，我稍后会装饰它。

Answer 1

这是因为您的 randomNumber3 变量被错误地引用为 randomnumber3。

声明： var randomNumber3 = parseInt(Math.random() * end.length);

用法： var name = begin[randomNumber1] + "" + middle[randomNumber2] + "" + end[randomnumber3];

查看小提琴here