• 회원가입
  • 로그인

[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>



결과 보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012