JavaScript에서 함수로 테이블 반환하기

이전 수업에서 우리는 createTable 함수를 만들었습니다. 이 함수를 수정하여 특정 요소에 테이블을 추가하는 대신, return을 통해 단순히 테이블을 반환하도록 해봅시다.

즉, 이전 수업의 코드는 다음과 같이 변환됩니다:

let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

더 간단하게 다시 작성할 수 있습니다:

let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

테이블에 대한 참조를 얻는 것은 생성된 테이블에 무언가를 하기 위해 필요할 수 있습니다. 예를 들어, 텍스트 색상을 빨간색으로 만들어 봅시다:

let div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

이론에서 설명한 대로 당신의 createTable 함수를 수정하세요.

다음과 같이 단락이 있는 div가 있다고 가정해봅시다:

<div id="elem">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

createTable 함수를 사용하여 새로운 테이블을 생성한 다음, div의 끝에 삽입하세요.