Javascript 从for循环水平而不是垂直打印数字

我正在做一个项目，我必须使用循环打印数字1到10和1到200。我已经创建了两个循环，两个循环都按要求打印所有数字。然而，我正在努力找出如何使数字水平打印而不是垂直打印。例如：

而不是像这样把数字打印出来

一,

二,

三,

数字应该是这样打印的 1 2 3

此外，我还试图避免使用水平滚动条。打印从1到200的所有数字的循环可以在多条水平线上

到目前为止，我掌握的代码是

<h1>Counting With Loops!</h1>

<script>
  for (counter=1; counter <=10; counter++) {
    document.write(counter + "<br>")
  }
</script>

<br><br>

<script>
  for (counter=1; counter <=200; counter++) {
    document.write(counter + "<br>")
  }
</script>

循环计数！
对于（counter=1；counter

标记创建新行，只需将其替换为单个空格
“”
：



对于（counter=1；counter尝试通过定义div的宽度向其中添加一些css，并让css处理新行

<style>
div {
  width: 200px;
  word-wrap: break-word;
}
</style>
 
<h1>Counting With Loops!</h1>

<div id="block"></div>

<script>
   for (counter=1; counter <=210; counter++) {
    document.getElementById("block").write(counter + " ")
  }
</script>


div{
宽度：200px；
单词包装：打断单词；
}
用循环计数！
for（counter=1；counterflexbox非常适合这种情况


var-ten=''；
对于（counter=1；counter。创建一个元素并在其中打印结果非常简单。此外，首先在内存中聚合结果，然后打印将使脚本编写速度大大加快。以下是一个示例：


//首先创建一个数组
让resultsArray=[]；
//用数字0-199填充数组
对于（设i=0；i<200；i+=1）{
结果推送排列（i）；
}
//将其打印到预#日志
document.querySelector（“#log”）.textContent=resultsArray.join（“”；
#日志{
/*这将创建包装*/
空白：行前；
}