반응형
구구단을 출력하기 위해선 반복문(for문, while문, do-while문)을 이용하면 된다.
* Javascript 코드는 <script></script> 안을 보면 된다.
1. prompt 창을 이용해 몇 단을 출력할지 정한 후, 출력하는 방법
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>구구단</title>
</head>
<body>
<script>
var num = prompt("출력할 구구단 숫자 입력", "1");
var i = 1;
// for 문
document.write("for 을 이용한 출력", "<br>");
for (i = 1; i < 10; i++) {
document.write(num + " * " + i + " = " + (num * i) + "<br>");
}
i = 1;
// while문
document.write("while을 이용한 출력", "<br>");
while (i < 10) {
document.write(num + " * " + i + " = " + (num * i) + "<br>");
i++;
}
i = 1;
// do-while 문
document.write("do-while을 이용한 출력", "<br>");
do {
document.write(num + " * " + i + " = " + (num * i) + "<br>");
i++;
} while (i < 10)
</script>
</body>
</html>
2. 전체 구구단을 출력하는 방법
- for 문 이용
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>구구단</title>
</head>
<body>
<script>
var i = 2;
var j = 1;
// for 문
document.write("for 을 이용한 출력", "<br>");
for (i = 2; i < 10; i++) {
for (j = 1; j < 10; j++) {
document.write(i + " * " + j + " = " + (i * j) + "<br>");
}
document.write("<hr>");
}
</script>
</body></html>
- while 문 이용
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>구구단</title>
</head>
<body>
<script>
var num1 = 1;
var num2 = 1;
// while문
document.write("while을 이용한 출력", "<br>");
while (num1 < 10) {
num2 = 1;
while (num2 < 10) {
document.write(num1 + " * " + num2 + " = " + (num1 * num2) + "<br>");
num2++;
}
document.write("<hr>");
num1++;
}
</script>
</body></html>
- do-while문 이용
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>구구단</title>
</head>
<body>
<script>
var num1 = 1;
var num2 = 1;
// while문
document.write("do-while을 이용한 출력", "<br>");
do {
num2 = 1;
do {
document.write(num1 + " * " + num2 + " = " + (num1 * num2) + "<br>");
num2++;
} while (num2 < 10)
document.write("<hr>");
num1++;
} while (num1 < 10)
</script>
</body></html>반응형
'Web > JS+jQuery' 카테고리의 다른 글
| [Javascript] 콘솔 로그가 바로 사라지는 문제 (0) | 2021.05.25 |
|---|---|
| [Error 해결] Error: 'document' is not defined (0) | 2021.05.18 |
