Question

非常简单，我想创建一个按钮，单击该按钮会生成一个0到x的随机数（我已经完成了），其中x是一个数字输入，但是现在它只是返回NaN。

function randomGen() {
  document.getElementById("numberText").innerHTML = Math.round(Math.random()*amtNum)
}

<form>
  <label for="amtNum">1 To What?</label>
  <input type="number" id="amtNum" name="amtNum" step="1">
</form>
<p id="numberText"></p>
<button id="RandomButton" onclick="randomGen()">Click for your random number</button>

Answer 1

您尚未定义变量amtNum。请在脚本的开头添加这一行-

const amtNum = document.getElementById("amtNum").value;

Answer 2

这不是您在现代浏览器中读取表单值的方式；如果我没记错的话，它只能在Internet Explorer中工作。您需要使用DOM方法，例如：

function randomGen() {
  var amtNum = parseInt(document.getElementById("amtNum").value, 10);
  if (!isNaN(amtNum)) {
    document.getElementById("numberText").innerHTML = Math.round(Math.random()*amtNum);
  }
}

<form>
  <label for="amtNum">1 To What?</label>
  <input type="number" id="amtNum" name="amtNum" step="1">
</form>
<p id="numberText"></p>
<button id="RandomButton" onclick="randomGen()">Click for your random number</button>

有没有办法使此输入数字类型起作用？ [HTML5]

2 个答案: