어제 오늘 내일

[Javascript] 테이블 구구단 만들기 본문

IT/Javascript

[Javascript] 테이블 구구단 만들기

hi.anna 2021. 1. 23. 23:26

 

지난번에는 구구단을 출력하는 방법을 알아보았습니다.

[Javascript] for문 이용해서 구구단 출력

 

[Javascript] for문 이용해서 구구단 출력

지난번에는 for문의 기본적인 사용방법을 알아보고, 별찍기 예제도 만들어 보았습니다. [Javascript] 반복문(1) - for [Javascript] for문을 이용해서 별찍기 이번에는 for문을 응용하여 구구단을 찍는 예제

hianna.tistory.com

 

이번에는 구구단을 테이블 형태로 만들어보겠습니다.

 

구구단 테이블

document.write('<table border="1">');

// header
document.write('<thead>');
document.write('<tr>');
for(let i = 2; i <= 9; i++) {
  document.write('<th>' + i + '단 </th>');
}
document.write('</tr>');
document.write('</thead>');

// body
document.write('<tbody>');
for(let i = 1; i <= 9; i++) {
  document.write('<tr>');
  for(let j = 2; j <= 9; j++) {
    document.write('<td>' + j + ' * ' + i + ' = ' + (j*i) + '</td>');
  }
  document.write('</tr>');
}
document.write('</tbody>');

document.write('</table>');

for 반복문을 이용해서 구구단 테이블을 만들었습니다.

document.write()는 파라미터로 입력받은 내용을 화면에 써줍니다.

 

 

반응형
Comments