반응형
자바 스크립트에서 구구단을 구현하는 방식은 다양하다.
1. for 문 이용한 방식
구구단을 아래와 같은 형식으로 JS를 이용해 프린트해보자
코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
document.write("<table border='1'>"); //html 문서 출력 메서드
document.write("<tr>"); //첫번째 줄
for (i = 2; i < 10; i++) { //for 문 이용해 3~9단 출력
document.write("<td>"); //첫번째 줄 칸
document.write(i + "단");
document.write("</td>");
}
document.write("</tr>");
document.write("<tr>"); //두번째 줄
for (dan = 2; dan < 10; dan++) { //이중 for 문 이용해 @*@ =@@ 출력
document.write("<td>"); //두번째 줄 칸
for (i = 1; i < 10; i++) {
document.write(dan + " * " + i + " = " + dan * i + "<br/>");
}
document.write("</td>");
}
document.write("</tr>");
document.write("</table>");
</script>
</body>
</html>
결과
2. 함수 이용한 방식
function 안에 for문을 넣어 body에서 호출하면 된다.
코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function gugudan(dan){
for(i=1;i<10;i++){
document.write(dan + "*"+i+"="+dan*i+"<br/>");
}
}
</script>
</head>
<body>
<script type="text/javascript">
gugudan(5);
</script>
</body>
</html>
결과
TISTORY
나를 표현하는 블로그를 만들어보세요.
www.tistory.com
반응형
