我如何使用文本框 1 // 使用 for 循环计数直到 50 // 并将其输出到文本框 2

Question

我有一个文本框 id="t1" 需要一个输入假设输入是：20

我使用另一个文本框 id="t2" 作为输出，应该如下所示： 21 22 23 24 25 ... 49 50 1个 2个 3个 4个 5个 ... "numbers" 的最大长度 = 50，每个数字后有一个中断我做了以下代码::

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script type="text/javascript">
  function add()
  {
    var a = document.getElementById("t1").value;
    for(i = a; i<51; i++) {
      a+=i +"<br>";
  }
  document.getElementsByName("t4")[0].value= a;
}
</script>
</head>

<body>
  <input class="t1" type="number" id="t1">
  <button onclick="add()">Add</button>
  <br><br>
  <input style="height: 500px;" class="t2" type="textbox" name="t4"></input>
</body>
</html>

哪个 rly 不能像我想要的那样工作，我在这里做错了什么？

Answer 1

尝试将第二个文本框更改为 'textarea' 并使用 '\n' 代替 <br/ >

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script type="text/javascript">
  function add()
  {
    var a = document.getElementById("t1").value;
    for(i = a; i<51; i++) {
      a += i + "\n";
  }
  document.getElementsByName("t4")[0].value = a;
}
</script>
</head>

<body>
  <input class="t1" type="number" id="t1">
  <button onclick="add()">Add</button>
  <br><br>
  <textarea style="height: 500px;" class="t2" type="textbox" name="t4"></textarea>
</body>
</html>

Answer 2

没有 <input type="textbox">，对多行文本框使用 <textarea> 标签。
如果你需要50个数字，你必须迭代50次。
当数字达到 50 时，你需要一些逻辑来重新开始。

运行下面的片段：

function add() {
  var v = +document.getElementById("t1").value;
  var a = [v * (v < 50) + 1];
  for (var i = 0; i < 49; i++) a.push(a[i] + 1 - 50 * (a[i] > 49));
  document.getElementsByName("t4")[0].value = a.join('\n');
}

<input class="t1" type="number" id="t1" value="50">
<button onclick="add()">Add</button>
<br><br>
<textarea style="height: 200px;" class="t2" name="t4"></textarea>

我如何使用文本框 1 // 使用 for 循环计数直到 50 // 并将其输出到文本框 2

how can i take an input with a textbox1 // use a for loop to count till 50 // and output it in textbox2

javascript

textbox

input

output