Javascript (基本的なこと002)

前回、表示させるだけはやってみたので、基本的な内容としてif文やfor文を使ってみようと思う。スクリプト文中に下記のようなコードを入れてブラウザで動かしてみる。

var pref={"kanto":"関東", "chubu":"中部", "kinki":"近畿"}; 
for (var i=0; i < 5; i++){ 
document.write("aaa"+pref.kanto+"\n"); 
document.write("aaa"+pref.chubu+"\n");

次のような表示になり、for文は動いているよう。
aaa関東 aaa中部 aaa関東 aaa中部 aaa関東 aaa中部 aaa関東 aaa中部 aaa関東 aaa中部

動かしながら修正を繰り返すけど、コードに間違いがあったときはブラウザ上で白い画面になるだけ。どこが違っているとか見れるところはないものか。
あと、改行するかと思って\nを入れてみたけど、改行してくれない。スペースが入るだけ。
/n, \r\n, /r/nにしても改行してくれない。document.writeを使うと改行してくれないのか？
webのサンプルを見てみるとconsole.logで出力させているみたいだし。

ブラウザのツールやオプションを見てたら、「その他のツール」から「開発者ツール」があった。開くと、コンソールやデバッガがある。これを使えばいいのかな。
HTMLファイルを作ってブラウザ表示させるなんて原始的方法がいかんのかと思ってたけど、もう少し進めてみよう。

デバッガでブレークポイントを設定したあと、URLを再度読み込むとブレークポイントのところで止まってくれる。これで一応デバッグはできそう。if文もデバッグで動作確認しながら動いていることが確認できた。

var pref={"kanto":"関東", "chubu":"中部", "kinki":"近畿"};
　　　for (var i=0; i < 5; i++){ 
　　　　　document.write("aaa"+pref.kanto+"\r\n"); 　　　　　　　　　　　　　
　　　　　document.write("aaa"+pref.chubu+"\r\n"); }
      var num1=3
      if(num1===1){
          document.write("bbb"+pref.kanto+"\r\n"); } 
      else if(num1===2){ 
          document.write("bbb"+pref.chubu+"\r\n"); }
      else{ 
          document.write("bbb"+pref.kinki+"\r\n"); }

aaa関東 aaa中部 aaa関東 aaa中部 aaa関東 aaa中部 aaa関東 aaa中部 aaa関東 aaa中部 bbb近畿