[JavaScript 예제] 버튼 클릭시 구구단 출력 :: 소림사의 홍반장!
실행 소스

<?xml version="1.0" encoding="EUC-KR" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />

<title>구구단</title>

<script type="text/javascript">

function execute() {

// 실행을 클릭시 div target에 구구단이 주욱 나오도록

        var target = document.getElementById("gugu");

        var dan, num;

        var result;

        var html = "";

       

        html += "<table align='center' border='1' width='800'>";

       

        for(dan=1; dan<10; dan++) {

                       html += "<tr>";

                      

//             html += "<th>" + num + "</th>";

               for(num=2; num<10; num++) {

                       result = dan * num;

                       html += "<td align='center'>" + num + ' * ' + dan + ' = ' + result + "</td>";

               }

                       html += "</tr>";

        }

        html += "</table><br />";

       

        target.innerHTML = html;

}

</script>

 

</head>

<body>

        <input id="btn" type="button" value="구구단출력" onclick="execute();" />

        <div id="gugu"></div>

</body>

</html>

 



실행 결과
구구단

다른 카테고리의 글 목록

Dev. 웹/JavaScript 카테고리의 포스트를 톺아봅니다