실행 소스 |
<?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' 카테고리의 다른 글
[JavaScript 예제] 자바스크립트 정규식 이용한 유효성 검사 (5) | 2012.09.13 |
---|---|
[JavaScript 예제] 시간이 흐르는 시간 텍스트 출력하기 (0) | 2012.09.12 |
[JavaScript 예제] 버튼 클릭 이벤트, div클릭시 숫자 증가 보여주기 (0) | 2012.09.12 |
jquery 기초 정리 및 예제 (1) | 2012.09.11 |
자바스크립트(JavaScript) 작성 가이드라인 (0) | 2012.09.11 |