簡體   English   中英

我如何使用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

我有一個輸入框為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>

哪個拉力不如我所願,我在這里做錯了什么?

嘗試到第二文本框更改為“文本區域”並使用“\\ 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>

沒有<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> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM