40044


初歩的な質問で申し訳ないのですが、以下のような場合に`div#b`が`div#a`の中に入ってしまいます。  
それを解除して順番通りに表示するにはどうすればいいのか原因と対策を教えてください。  
scriptがまとめて処理されるので順番通りに表示されないのでしょうか？

[code]

    <div id="kihon14">
            <p>kihon14</p>
            <script>
                for (var i=1 ; i<=10 ; i++){
                    document.write("繰り返し文ですYO！" + i + "<br>");
                }
            </script>
        </div>
    
        <div id="a">
            <p>配列との組み合わせ</p>
            <script>
                var rank = 1;
                var mnt = new Array(
                    "富士山",
                    "白根山",
                    "奥穂高岳",
                    "間ノ岳",
                    "槍ヶ岳"
                );
                document.write('<table border="5">');
                for(var h = 0; h<=4; h++){
                    document.write('<tr>');
                    document.write('<td>'+rank+'位</td>');
                    document.write('<td>'+mnt[h]+'</td>');
                    document.write('</td>');
                    rank++;
                }
            </script>
        </div>
    
        <div id="b">
            <p>continue + break</p>
            <script>
                for(var s=0; s<=10; s++){
                    if(s == 3) continue;
                    if(s == 7) break;
                    document.write(s + "回目の繰り返しです。<br>");
                }
            </script>
        </div>
    
[/code]


CC BY-SA 3.0
2017-12-05T03:03:20.500
40043
2019-12-13T18:16:55.363
2017-12-05T03:52:06.873
3060
26506
question
javascript html
配列の要素を順番通りに表示させたい


tableタグを閉じていないのでは？  
付け足した所動作してるようです

[code]

    <div id="kihon14">
      <p>kihon14</p>
      <script>
        for (var i = 1; i <= 10; i++) {
          document.write("繰り返し文ですYO！" + i + "<br>");
        }
      </script>
    </div>
    
    <div id="a">
      <p>配列との組み合わせ</p>
      <script>
        var rank = 1;
        var mnt = new Array(
          "富士山",
          "白根山",
          "奥穂高岳",
          "間ノ岳",
          "槍ヶ岳"
        );
        document.write('<table border="5">');
        for (var h = 0; h <= 4; h++) {
          document.write('<tr>');
          document.write('<td>' + rank + '位</td>');
          document.write('<td>' + mnt[h] + '</td>');
          document.write('</td>');
          rank++;
        }
        document.write('</table>');
      </script>
    </div>
    
    <div id="b">
      <p>continue + break</p>
      <script>
        for (var s = 0; s <= 10; s++) {
          if (s == 3) continue;
          if (s == 7) break;
          document.write(s + "回目の繰り返しです。<br>");
        }
      </script>
    </div>
[/code]


CC BY-SA 4.0
2017-12-05T03:16:15.460
40044
2019-12-13T18:16:55.363
2019-12-13T18:16:55.363
32986
26230
40043
answer