我的代码 javascript 中的某些内容无法制作三角形

【问题标题】：Something is not working in my code javascript to make a triangle我的代码 javascript 中的某些内容无法制作三角形
【发布时间】：2021-05-27 11:32:22
【问题描述】：

我编写了这段代码，但它显示了一个带空格的行，我需要用“*”制作一个三角形

谁能帮我告诉我怎么了？

function makeTriangle(){
  let row, star;
  let toPrint = "";
  let rowCount =+prompt("enter number");

  for (row = 1; row <= rowCount; row++) {
    for (star = 1; star <= row; star++){
      toPrint += "*";
    }
    toPrint +="\n\n";
  }
  document.getElementById("outputNumber").innerHTML = toPrint
}

【问题讨论】：

您应该包含一些 HTML（此函数运行前后的样子）以帮助人们了解正在发生的事情。

标签： javascript loops for-loop

【解决方案1】：

您正在做的是使用"\n\n" 添加换行符。但是要添加换行符，您必须使用<br>。原因是，当innerHTML 设置为toPrint 时，由于"\n\n"，DOM 以缩进形式显示星号。但是当该 HTML 被呈现并显示在网页上时，没有换行符。因此，需要使用 HTML 实体<br> 来添加换行符。

function makeTriangle() {
  let toPrint = "";
  let rowCount = +prompt("enter number");

  for (let row = 1; row <= rowCount; row++) {
    for (let star = 1; star <= row; star++)
      toPrint += "*";

    toPrint += "<br>";
  }
  document.getElementById("outputNumber").innerHTML = toPrint
}

makeTriangle();

#outputNumber {
  height: 100vh;
}

&lt;div id="outputNumber"&gt;&lt;/div&gt;

【讨论】：