2014-09-05 84 views
0

低于我的HTML代码应该调用从列表中3分随机的话,但它不是HTML代码不工作

<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> 

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

+0

不碰撞的工作? – 2014-09-05 23:47:36

回答

3

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

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

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

退房的小提琴here

+0

非常感谢!我从来没有见过! – 2014-09-05 23:50:24

+3

@免费商业谷歌控制台是你的朋友:)。节省我的培根很多次! – mattytommo 2014-09-05 23:50:54