JavaScriptのfor文で星の出力

Question

前提

初めまして。
JavaScriptのfor文とif文を使って以下のように出力を試みています。
☆
★☆
★★☆
★★★☆
★★★★☆

試したこと

下のコードを工夫すればできると思うのですが、
☆を加えようとするとエラーが出てしまって出来ません。

初心者の私にご教授お願いいたします。

該当のソースコード

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

補足情報（FW/ツールのバージョンなど）

上のコード
★
★★
★★★
★★★★
★★★★★

Comments

[y_waiwai]

そのエラーが出たというコードを提示しよう。
ついでにそのエラーも提示してください

[ken221]

for(var i=1; i<6; i++){
for(var a=1; a<=i; a++){
document.write("★");
}else{
document.write("☆");
};
document.write("<br>");
};

☆を表示させたくて上のコードを付け加えたのですが、エラーがでてしまいます。

[BeatStar]

> ☆を表示させたくて上のコードを付け加えたのですが、エラーがでてしまいます。

いや、だから「エラーメッセージは何?」
エラーと言ってもいろんな可能性があります。

Answer 1

document.writeは一番使っちゃいけないやつなのでなるべくなら避けてください
（課題でどうしてもdocument.writeしろというもの無い限り）

<div id="view"></div>
<script>
for(var i=0; i<5; i++){
  for(var j=0; j<i; j++){
    view.innerHTML+="★";
  };
  view.innerHTML+="☆<br>";
};
</script>

Answer 2

else は if で使います。ここでは使いません。

document.write("<br>");

これを以下のように書き換えて試してみてください。

document.write("☆<br>");

Comments

[Zuishin]

この場合、黒い星の数が 1 で始まるので、課題の正解通りにはなりませんが、結果を見ればどうすればいいかすぐにわかると思います。

簡単な方法では、全体を描く前に■を一つ書いておいたらどうなるでしょうか。
それができたら 0 回のループ回数にも挑戦してみてください。

[ken221]

ありがとうございます。
あれから自分で色々、試行錯誤したらできました！

[Zuishin]

ループの学習に注力するために document.write を使っているのだと思いますが、以下のようにこれは非推奨の技術です。

https://www.w3.org/TR/2011/WD-html5-20110525/apis-in-html-documents.html#document.write

本当は使ってはいけないんだというところはどうぞ記憶しておいてください。