javascript - 范围数生成器

标签 javascript range output

对 JavaScript 非常陌生,并且遇到了一些问题。我的任务是单击一个按钮,它将生成一个 1-20 之间的数字。一切工作正常,只是函数的输出被放置在文本框之外。任何有关如何将输出输入文本框的建议都很棒!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<html>
<script type="text/javascript">
    function getRNG(min, max) {
    return function() {
    return Math.floor(Math.random() * (max - min + 1) + min);
    }
    }
    d20 = getRNG(1, 20);
    function rollD20() {
    document.getElementById("output").innerHTML = d20();
    }
</script>
<body>
<input type="text" disabled="disabled" size="2" id="txtNumber" />
<div id="output"></div>
<button onclick="rollD20()">Roll</button>
</body>
</html>

最佳答案

您希望将值放置在文本框中输入 (#txtNumber)
但您的目标是 DIV #output

用途:

<script>
  function getRNG(min, max) {
    return Math.floor(Math.random() * (max - min + 1) + min);
  }
  function rollD20() {
    document.getElementById("txtNumber").value = getRNG(1, 20);
  }
</script>

<body>
  <input type="text" disabled="disabled" size="2" id="txtNumber" />
  <div id="output"></div>
  <button onclick="rollD20();">Roll</button>
</body>

关于javascript - 范围数生成器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32480634/

相关文章:

javascript - 什么是 Chrome 开发工具 "Hit Test"时间线条目?

Javascript - 接收和格式化 HTML

javascript - Ajax post 在 IE8 中不完全工作

range - VHDL 范围分配

c++ - Stringstream 的 Str 方法将不起作用。 (不同类型的串联)(C++)

c++ - C++ 中的对齐(格式化)输出//单行中的多个变量

javascript - 在 ngFor 循环中添加类

python - Tensorflow 输出层只能具有特定范围内的值

excel - 为数组分配范围时出现 VBA 内存问题

powershell - 从cmd命令到Powershell获取正确的变量状态