javascript - 垂直居中滚动条内的数字

Question

我有这个程序，你可以在其中输入一个数字，它会从 0 计数到你指定的数字，我设法让它从 0 到 12 水平对齐，然后它在新的一行开始。

但是我想要的是它垂直排序 0 - 9 然后它在 0 旁边开始一个新行并从 10 计数到 19 并继续计数直到达到指定值。

 function action() {
   document.getElementById("container").innerHTML = "";
   var hoogste = document.getElementById("getallen").value;
   var count = 0;
   for (var i = 0; i < hoogste; i++) {
     document.getElementById("container").innerHTML += i + " ";
   }
 }

#container {
  overflow: scroll;
  height: 200px;
  width: 200px;
}

<input type="number" id="getallen">
<br>
<input type="button" onclick="action()" value="Submit">
<div id="container"></div>

Answer 1

我认为这就是您要找的...您的问题对我来说不是很清楚，所以我希望这对您来说是正确的。

function action() {
var hoogste = document.getElementById("getallen").value;
var output="";
 for (var i = 0; i<hoogste; i++) {
  if(i>0&&(i % 10)==0){
// i is more than 0 and every 10(TH)
   output+="<br/>"+i+" ";
  }else{
     output+=i+" ";
  }
 }
document.getElementById("container").innerHTML=output;
}

<input type="number" id="getallen"><br>
<input type="button" onclick="action()" value="Submit">
<div id="container"></div>

如果您对上述源代码有任何疑问，请在下方留言，我会尽快回复您。

希望对您有所帮助。编码愉快!