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の末尾に挿入してください。