javascript - for문을 이용하여 표 안에 구구단 출력하기

for문을 이용하여 표 안에 구구단을 출력하는 문제

선생님이 하드코딩으로 만든 구구단을 보고 그걸 for문으로 만들어 보았다.

먼저 출력 결과부터~

위와 같은 출력결과를 위해 하드코딩하려면 엄청 길게 써야 한다. 아래 더보기를 눌러 확인! 

    <table border="1">
        <tbody>
            <tr>
                <td>2X1=2</td>
                <td>3X1=3</td>
                <td>4X1=4</td>
                <td>5X1=5</td>
                <td>6X1=6</td>
                <td>7X1=7</td>
                <td>8X1=8</td>
                <td>9X1=9</td>
            </tr>
            <tr>
                <td>2X2=4</td>
                <td>3X2=6</td>
                <td>4X2=8</td>
                <td>5X2=10</td>
                <td>6X2=12</td>
                <td>7X2=14</td>
                <td>8X2=16</td>
                <td>9X2=18</td>
            </tr>
            <tr>
                <td>2X3=6</td>
                <td>3X3=9</td>
                <td>4X3=12</td>
                <td>5X3=15</td>
                <td>6X3=18</td>
                <td>7X3=21</td>
                <td>8X3=24</td>
                <td>9X3=27</td>
            </tr>
            <tr>
                <td>2X4=8</td>
                <td>3X4=12</td>
                <td>4X4=16</td>
                <td>5X4=20</td>
                <td>6X4=24</td>
                <td>7X4=28</td>
                <td>8X4=32</td>
                <td>9X4=36</td>
            </tr>
            <tr>
                <td>2X5=10</td>
                <td>3X5=15</td>
                <td>4X5=20</td>
                <td>5X5=25</td>
                <td>6X5=30</td>
                <td>7X5=35</td>
                <td>8X5=40</td>
                <td>9X5=45</td>
            </tr>
            <tr>
                <td>2X6=12</td>
                <td>3X6=18</td>
                <td>4X6=24</td>
                <td>5X6=30</td>
                <td>6X6=36</td>
                <td>7X6=42</td>
                <td>8X6=48</td>
                <td>9X6=54</td>
            </tr>
            <tr>
                <td>2X7=14</td>
                <td>3X7=21</td>
                <td>4X7=28</td>
                <td>5X7=35</td>
                <td>6X7=42</td>
                <td>7X7=49</td>
                <td>8X7=56</td>
                <td>9X7=63</td>
            </tr>
            <tr>
                <td>2X8=16</td>
                <td>3X8=24</td>
                <td>4X8=32</td>
                <td>5X8=40</td>
                <td>6X8=48</td>
                <td>7X8=56</td>
                <td>8X8=64</td>
                <td>9X8=72</td>
            </tr>
            <tr>
                <td>2X9=18</td>
                <td>3X9=27</td>
                <td>4X9=36</td>
                <td>5X9=45</td>
                <td>6X9=54</td>
                <td>7X9=63</td>
                <td>8X9=72</td>
                <td>9X9=81</td>
            </tr>
        </tbody>
    </table>
 

그러면 위의 하드코딩 된 구구단을 보면서 for문으로 바꾸어 보자. 결과는 아래와 같다 완전 짧아짐! 

<%
    out.print("<table border='1'>");
    out.print("<tbody>");
    for(int i=1; i<=9 ; i++){
            out.print("<tr>");
        for(int j=2 ; j<=9 ;j++){
            out.print("<td>");
            out.print(j + "X"+ i +"=" + (j*i) );
            out.print("</td>");
        }    
    }
    out.print("</tbody>");
    out.print("</table>");
%>
 

i와 j의 순서를 바꾸면 다른 모양으로도 만들 수 있다

<%
    out.print("<table border='1'>");
    out.print("<tbody>");
    for(int i=2; i<=9 ; i++){
            out.print("<tr>");
        for(int j=1 ; j<=9 ;j++){
            out.print("<td>");
            out.print(j + "X"+ i +"=" + (j*i) );
            out.print("</td>");
        }    
    }
    out.print("</tbody>");
    out.print("</table>");
%>
 

위의 코드는 아래와 같은 결과로 나온다 미묘~하게 다름ㅋㅋ

자바에서 JSP로 넘어가니 더 정신이 없다 휴 쉽지 않아