Tuesday, February 27, 2007
자바스크립트] 구구단 출력, 구구단표 만들기; HTML JavaScript Multiplication Table 99
아래와 같은 구구단표를 화면에 출력하는 자바스크립트(JavaScript) 소스입니다. 2단 ~ 5단까지, 그리고 6단 ~ 9단까지, 이렇게 두 줄로 나누어서 브라우저에 출력합니다.
[ 구구단 ]
2 X 1 = 2 3 X 1 = 3 4 X 1 = 4 5 X 1 = 5
2 X 2 = 4 3 X 2 = 6 4 X 2 = 8 5 X 2 = 10
2 X 3 = 6 3 X 3 = 9 4 X 3 = 12 5 X 3 = 15
2 X 4 = 8 3 X 4 = 12 4 X 4 = 16 5 X 4 = 20
2 X 5 = 10 3 X 5 = 15 4 X 5 = 20 5 X 5 = 25
2 X 6 = 12 3 X 6 = 18 4 X 6 = 24 5 X 6 = 30
2 X 7 = 14 3 X 7 = 21 4 X 7 = 28 5 X 7 = 35
2 X 8 = 16 3 X 8 = 24 4 X 8 = 32 5 X 8 = 40
2 X 9 = 18 3 X 9 = 27 4 X 9 = 36 5 X 9 = 45
6 X 1 = 6 7 X 1 = 7 8 X 1 = 8 9 X 1 = 9
6 X 2 = 12 7 X 2 = 14 8 X 2 = 16 9 X 2 = 18
6 X 3 = 18 7 X 3 = 21 8 X 3 = 24 9 X 3 = 27
6 X 4 = 24 7 X 4 = 28 8 X 4 = 32 9 X 4 = 36
6 X 5 = 30 7 X 5 = 35 8 X 5 = 40 9 X 5 = 45
6 X 6 = 36 7 X 6 = 42 8 X 6 = 48 9 X 6 = 54
6 X 7 = 42 7 X 7 = 49 8 X 7 = 56 9 X 7 = 63
6 X 8 = 48 7 X 8 = 56 8 X 8 = 64 9 X 8 = 72
6 X 9 = 54 7 X 9 = 63 8 X 9 = 72 9 X 9 = 81
아래의 소스 코드로 위의 출력 결과를 얻을 수 있습니다:
파일명: example.html
위의 코드를 example.html 등의 이름으로 저장하고, 인터넷 브라우저로 열어서 보면 구구단표가 나옵니다.
자바스크립트가 아닌 자바로 구구단 출력 소스: ▶▶ Java/자바] 구구단 출력, 구구단표 만들기 자바 소스; Multiplication Table 99
구구단 게임 (온라인 버전):
▶▶ 구구단 게임, 99단 외우기 Game; 인터넷 브라우저에서 구구단 암기
[ 구구단 ]
2 X 1 = 2 3 X 1 = 3 4 X 1 = 4 5 X 1 = 5
2 X 2 = 4 3 X 2 = 6 4 X 2 = 8 5 X 2 = 10
2 X 3 = 6 3 X 3 = 9 4 X 3 = 12 5 X 3 = 15
2 X 4 = 8 3 X 4 = 12 4 X 4 = 16 5 X 4 = 20
2 X 5 = 10 3 X 5 = 15 4 X 5 = 20 5 X 5 = 25
2 X 6 = 12 3 X 6 = 18 4 X 6 = 24 5 X 6 = 30
2 X 7 = 14 3 X 7 = 21 4 X 7 = 28 5 X 7 = 35
2 X 8 = 16 3 X 8 = 24 4 X 8 = 32 5 X 8 = 40
2 X 9 = 18 3 X 9 = 27 4 X 9 = 36 5 X 9 = 45
6 X 1 = 6 7 X 1 = 7 8 X 1 = 8 9 X 1 = 9
6 X 2 = 12 7 X 2 = 14 8 X 2 = 16 9 X 2 = 18
6 X 3 = 18 7 X 3 = 21 8 X 3 = 24 9 X 3 = 27
6 X 4 = 24 7 X 4 = 28 8 X 4 = 32 9 X 4 = 36
6 X 5 = 30 7 X 5 = 35 8 X 5 = 40 9 X 5 = 45
6 X 6 = 36 7 X 6 = 42 8 X 6 = 48 9 X 6 = 54
6 X 7 = 42 7 X 7 = 49 8 X 7 = 56 9 X 7 = 63
6 X 8 = 48 7 X 8 = 56 8 X 8 = 64 9 X 8 = 72
6 X 9 = 54 7 X 9 = 63 8 X 9 = 72 9 X 9 = 81
아래의 소스 코드로 위의 출력 결과를 얻을 수 있습니다:
JavaScript 소스: 구구단표 작성 예제
파일명: example.html
<script type="text/javascript">
document.write('<div style="font:12pt DotumChe">');
document.write('<br /> [ 구구단 ]<br />');
for (var j = 1; j <= 9; j++) {
document.write('<br />');
for (var i = 2; i <= 5; i++) { // 2단 ~ 5단까지
document.write(i, ' X ', j, ' = ', leadingSpaces(i * j, 2), ' ');
}
}
document.write('<br />'); // 줄바꿈
for (var j = 1; j <= 9; j++) {
document.write('<br />');
for (var i = 6; i <= 9; i++) { // 6단 ~ 9단까지
document.write(i, ' X ', j, ' = ', leadingSpaces(i * j, 2), ' ');
}
}
document.write('</div>');
// 1자리 숫자 앞에 공백을 붙여 2자리로 맞추는 함수
// 가령, '5'를 ' 5'로
function leadingSpaces(n, digits) {
var space = '';
n = n.toString();
if (n.length < digits) {
for (var i = 0; i < digits - n.length; i++)
space += ' ';
}
return space + n;
}
</script>
document.write('<div style="font:12pt DotumChe">');
document.write('<br /> [ 구구단 ]<br />');
for (var j = 1; j <= 9; j++) {
document.write('<br />');
for (var i = 2; i <= 5; i++) { // 2단 ~ 5단까지
document.write(i, ' X ', j, ' = ', leadingSpaces(i * j, 2), ' ');
}
}
document.write('<br />'); // 줄바꿈
for (var j = 1; j <= 9; j++) {
document.write('<br />');
for (var i = 6; i <= 9; i++) { // 6단 ~ 9단까지
document.write(i, ' X ', j, ' = ', leadingSpaces(i * j, 2), ' ');
}
}
document.write('</div>');
// 1자리 숫자 앞에 공백을 붙여 2자리로 맞추는 함수
// 가령, '5'를 ' 5'로
function leadingSpaces(n, digits) {
var space = '';
n = n.toString();
if (n.length < digits) {
for (var i = 0; i < digits - n.length; i++)
space += ' ';
}
return space + n;
}
</script>
위의 코드를 example.html 등의 이름으로 저장하고, 인터넷 브라우저로 열어서 보면 구구단표가 나옵니다.
자바스크립트가 아닌 자바로 구구단 출력 소스: ▶▶ Java/자바] 구구단 출력, 구구단표 만들기 자바 소스; Multiplication Table 99
구구단 게임 (온라인 버전):
▶▶ 구구단 게임, 99단 외우기 Game; 인터넷 브라우저에서 구구단 암기
tag: html
HTML | CSS | 자바스크립트 JavaScript
tag: study
학습 | Study
<< Home