javascript - HTML 代码不起作用

标签 javascript html random

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

相关文章:

javascript - 为什么当我按下按钮时我的 onclick 函数没有激活?

iphone - iOS上的高精度随机数

javascript - JS 异步函数永远等待

javascript - 为什么 JavaScript 类中的事件监听器会看到旧的上下文变量?

javascript - 计算具有绝对定位子项的容器的高度

javascript - 如何获得具有固定总和和大小的随机数列表

c++ - 为什么具有随机数生成功能的 OpenMP 比串行代码慢

javascript - 在 CSS 中设置子元素的父元素样式

javascript - 从ngResource获取数据,然后绑定(bind)result到view

css - Div垂直对齐问题