javascript - Javascript の指定された高さに基づいて、中心が空の三角形

Question

最近、ユーザーが指定したランダムな高さに基づいて空の三角形を作成するタスクがありました。

そのように見えなければなりませんでしたが、高さを設定できるのはユーザーでした。
私のスクリプトは次のようになります。

var hgh = prompt("Set the triangle's height: ");

  document.write("<center><pre>");
  for (var i = 1; i <= hgh ; i++) {
    var s = "";
    for (var j = 1; j <= (2 * hgh - 1); j++) {
      if (i != hgh ) {
        if (j == hgh + 1 - i || j == hgh - 1 + i) {
           s += "X";
        }
        else {
          s += " ";
        }
      }
      else {
        s += "X";
      }
    }
    document.write(s);
    document.write("<br>");
  }
  document.write("</pre></center>");

結果は次のようになります。

三角形を正しく表示するには、スクリプトのどの部分を修正する必要がありますか?