<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>구구단 테이블</title>
<style type="text/css">
td {border: 1px solid black; width: 150px ; text-align: center;}
</style>
</head>
<body>
<h1>구구단 테이블</h1>
<script type="text/javascript">
document.write("<table>");
for(var dan = 0 ; dan<10 ; dan++){
document.write("<tr>");
for(var col = 0 ; col < 10 ; col++){
if(dan==0 && col==0){
document.write("<td></td>");
}else if (dan == 0){
document.write("<td> X " + col +"</td>");
}else if (col == 0){
document.write("<td>" + dan +" X </td>");
} else{
document.write("<td>" + dan + " X " + col + " = " + (dan*col) + "</td>");
}
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
출력물
'Web > Java Script' 카테고리의 다른 글
자바 스크립트 기본 실습 : Event Handler(이벤트 핸들러) (0) | 2013.03.07 |
---|---|
자바 스크립트 기본 실습 : 브라우저 객체[window, navigator, screen, history, location, document] (1) | 2013.03.07 |
자바 스크립트 기본 실습 (변수 선언, 함수 선언, 내장함수) (0) | 2013.03.06 |
자바 스크립트 기본 실습 (js파일 생성) (0) | 2013.03.06 |
자바 스크립트(javascript) 기본 이해 (0) | 2013.03.06 |