HTML代码不起作用

HTML code not working

本文关键字：不起作用 代码 HTML      更新时间：2023-09-26

下面的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>

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

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

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

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

查看Fiddle here

相关文章：