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

 

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

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

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

 

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

 

구구단 테이블

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()는 파라미터로 입력받은 내용을 화면에 써줍니다.