mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
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



아래의 소스 코드로 위의 출력 결과를 얻을 수 있습니다:

JavaScript 소스: 구구단표 작성 예제


파일명: example.html
<script type="text/javascript">

document.write('<div style="font:12pt DotumChe">');
document.write('<br />&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [ 구구단 ]<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), ' &nbsp; ');
  }
}


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), ' &nbsp; ');
  }
}


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 += '&nbsp;';
  }
  return space + n;
}

</script>


위의 코드를 example.html 등의 이름으로 저장하고, 인터넷 브라우저로 열어서 보면 구구단표가 나옵니다.


자바스크립트가 아닌 자바로 구구단 출력 소스: ▶▶ Java/자바] 구구단 출력, 구구단표 만들기 자바 소스; Multiplication Table 99


구구단 게임 (온라인 버전):
▶▶ 구구단 게임, 99단 외우기 Game; 인터넷 브라우저에서 구구단 암기




tag: html
HTML | CSS | 자바스크립트 JavaScript
tag: study
학습 | Study

0 Comments:

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top