下面的 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
关于javascript - HTML 代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25695255/