<script>
const { body } = document;
const $table = document.createElement('table');
const $result = document.createElement('div'); // 결과창
</script>
줄을 담당하는 rows 배열을 만들고 td 태그를 3 × 3 모양으로 배열에 추가합니다. 어떤 모양으로 들어가는지 궁금하면 콘솔에서 console.log(rows)를 실행해 보세요. td 태그를 배열에 추가하면서 동시에 tr 태그 안에 td 태그를 넣고, table 태그 안에 tr 태그를 넣습니다. 그리고 마지막으로 table 태그를 body 태그에 추가합니다.
const { body } = document;
const $table = document.createElement('table');
const $result = document.createElement('div'); // 결과창
const rows = [];
for (let i = 1; i <= 3; i++) {
const $tr = document.createElement('tr');
const cells = [];
for (let j = 1; j <= 3; j++) {
const $td = document.createElement('td');
cells.push($td);