JavaScriptでfor文を使った問題

Question

for (var h = 0; h < 5; h++) {
    for (var i = 0; i < 5; i++) {
        if (h == i) {
            document.write("★");
            break;
        } else {
            document.write("★");
        }
    }
    document.write("<br>");
}

欲しい結果:

★
★★
★★★
★★★★
★★★★★

JavaScript学習者です。
上記のコードでも欲しい結果は得ることができるのですが、★を一回しか記述できないという条件があります。

どのような記述にすれば良いでしょうか？

Comments

[yambejp]

「★を一回しか記述できないという条件」の意味がわかりません
document.write("★");は２箇所以上でてきてはいけないということですか？

[seiya0621]

そういうことになります。課題の条件として提示されています。
変数を使って記述しろということなのかハッキリ理解できなかったのですが、
もしかしたらそれ以外でお解決するコードがあるのかと思い質問しました。

Answer 1

h == i で break するという条件を
2段目の for ループの終了条件に移動するという考え方でできます。

for (var h = 0; h < 5; h++) {
    for (var i = 0; i <= h; i++) {
        document.write("★");
    }
    document.write("<br>");
}

Answer 2

こんにちは。ある文字列を指定回数繰り返した文字列を作る repeat メソッドを使うと、以下のように書けます。

for ( var n = 1; n <= 5; n ++ ) {
  document.write(`${"★".repeat(n)}<br />`);
}

• 動作確認用codepen: https://codepen.io/jun68ykt/pen/pogXXpM

Answer 3

for(var i=1;i<=5;i++){
  for(var j=1;j<=i;j++){
    document.write("★");
  }
  document.write("<br>");
}

Comments

[yambejp]

明確なルールではないのでどうでもいいといえばそれまでなんですが
for文のカウンタでつかう変数はi,j,k・・・とつけていくのが因習です
fortranの自動型設定の名残らしいのですけどね
無理強いはしませんが、覚えておくとよい気がします