Javascript HTML代码不工作_Javascript_Html_Random

Javascript HTML代码不工作

javascript html random

Javascript HTML代码不工作,javascript,html,random,Javascript,Html,Random,我下面的html代码应该调用列表中的3个随机单词，但事实并非如此 <html> <body> <div id="placeholder"></div> <input id="clickMe" type="button" value="Generate!" onclick="generator();" /> <script> function generator

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


函数生成器（）{
变量begin=[“示例1”、“示例2”]
var middle=[“更多示例”，“越来越多”]
var end=[“moremore”，“evenmoreman”]
//随机数是随机产生的
var randomNumber1=parseInt（Math.random（）*begin.length）；
var randomNumber2=parseInt（Math.random（）*middle.length）；
var randomNumber3=parseInt（Math.random（）*end.length）；
变量名称=开始[randomNumber1]+“”+中间[randomNumber2]+“”+结束[randomnumber3]；
//如果已经有一个名称，它将被删除
if（document.getElementById（“结果”））{
document.getElementById（“占位符”）.removeChild（document.getElementById（“结果”））；
}
var元素=document.createElement（“div”）；
setAttribute（“id”、“result”）；
元素.appendChild（document.createTextNode（name））；
document.getElementById（“占位符”）.appendChild（元素）；
}
if（document.getElementById（“结果”））{
document.getElementById（“占位符”）.removeChild（document.getElementById（“结果”））；
}
元素=document.createElement（“div”）；
setAttribute（“id”、“result”）；
元素.appendChild（document.createTextNode（name））；
document.getElementById（“占位符”）.appendChild（元素）；

如果有人知道出了什么问题，请告诉我如何解决。：）

顺便说一句，这只是一个页面，我稍后会对其进行装饰。

这是因为您的

randomNumber3

变量被错误地引用为

randomNumber3

声明：

var randomNumber3=parseInt（Math.random（）*end.length）
用法：var name=begin[randomNumber1]+“”+middle[randomNumber2]+“”+end[randomnumber3]
检查小提琴
这是因为您的randomNumber3
变量被错误地引用为randomNumber3

声明：var randomNumber3=parseInt（Math.random（）*end.length）
用法：var name=begin[randomNumber1]+“”+middle[randomNumber2]+“”+end[randomnumber3]
检查小提琴
这是因为您的randomNumber3
变量被错误地引用为randomNumber3

声明：var randomNumber3=parseInt（Math.random（）*end.length）
用法：var name=begin[randomNumber1]+“”+middle[randomNumber2]+“”+end[randomnumber3]
检查小提琴
这是因为您的randomNumber3
变量被错误地引用为randomNumber3

声明：var randomNumber3=parseInt（Math.random（）*end.length）
用法：var name=begin[randomNumber1]+“”+middle[randomNumber2]+“”+end[randomnumber3]
查看小提琴
非常感谢！我从来没见过@FreeCommercial Google console是您的朋友：）。我的培根省了很多次！非常感谢你！我从来没见过@FreeCommercial Google console是您的朋友：）。我的培根省了很多次！非常感谢你！我从来没见过@FreeCommercial Google console是您的朋友：）。我的培根省了很多次！非常感谢你！我从来没见过@FreeCommercial Google console是您的朋友：）。我的培根省了很多次！