我如何使用 textbox1 进行输入 // 使用 for 循环数到 50 // 并将其输出到 textbox2答案

【问题标题】：how can i take an input with a textbox1 // use a for loop to count till 50 // and output it in textbox2我如何使用 textbox1 进行输入 // 使用 for 循环数到 50 // 并将其输出到 textbox2
【发布时间】：2023-03-29 15:40:01
【问题描述】：

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

我使用另一个文本框 id="t2" 作为输出，应该如下所示： 21 22 23 24 25 ... 49 50 1 2 3 4 5 ... “数字”的最大长度 = 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 不能按我的意愿工作，我在这里做错了什么？

【问题讨论】：

标签： javascript input textbox output

【解决方案1】：

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

运行下面的sn-p：

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>

【讨论】：

天哪，你让我朝着目标迈出了一大步！！！非常编辑：当我输入 50 作为输入时，有没有办法获得 1 而不是 51 ？贝克。他将 50 作为输入，将 51 2 3... 作为输出

【解决方案2】：

尝试将第二个文本框更改为“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>

【讨论】：