① 소스 내용
<?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("target");
var html ="<table align='center' border ='1' width='800'>";
html += "<tr align='center'>"
html += "<th>구분</th>"
for(var i=2; i<10; i++){
html += "<th>" + i + "단</th>";
}
html += "</tr>";
for(var i=1; i<10; i++) {
html += "<tr align='center'>"
html += "<th> X" + i +"</th>";
for(var j=2; j<10; j++){
html += "<td>"+ j + "*" + i + "=" + i*j + "</td>";
} html += "</tr>";
}
html += "</table>";
target.innerHTML = html;
}
</script>
</head>
<body>
<input type="button" value="실행" onclick="execute();" />
<div id="target"></div>
</body>
</html>
② 실행 화면
'WEB > JavaScript' 카테고리의 다른 글
| WEB 3일차 다섯번째) 정규식을 이용한 회원가입테이블 유효성검사 (0) | 2012.09.13 |
|---|---|
| WEB 3일차 네번째) 자바스크립트의 정규식 (0) | 2012.09.13 |
| WEB 3일차 세번째) 자바스크립트의 DATE 함수 (0) | 2012.09.13 |
| WEB 3일차 첫번째) 자바스크립트 (0) | 2012.09.13 |
모데스티