[JS-서기] JS 8강 - for문 안쪽에 if문 사용 (= 행렬 표만들기 = 줄바꿈 = 줄바꾸기 = 줄변경 = 라인변경)

예제1 - table 구문

<style>

table,

tr,

td {border:1px solid red; border-collapse:collapse; padding:10px;}
</style>

<table>

<tr>

<script>

for(i=1; i<=100; i++) {

     document.write('<td>' + i + '</td>');

     if(i%4 == 0) {

         document.write('</tr>');

     }

}

</script>

</table>

결과 보기

예제2 - div 구문

 

<style>

.hz {float:left; border:1px solid red; width:30px; line-height:30px; text-align:center;}

.br {clear:left; border:1px solid blue;}

</style>

<script>

for(i=1; i<=100; i++) {

     br = (i%4 == 1) ? 'br' : '';

     document.write('<div class="hz ' + br + '">' + i + '</div>');

}

</script>

결과 보기