Zwracanie tabeli z funkcji w JavaScript

W poprzedniej lekcji stworzyliśmy funkcję createTable. Zmodyfikujmy tę funkcję tak, aby nie dodawała tabeli do jakiegoś elementu, a po prostu zwracała ją przez return.

Czyli przedstawiony kod poprzedniej lekcji przekształca się w taki:

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

Można przepisać krócej:

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

Uzyskanie referencji do tabeli może być potrzebne po to, żeby coś zrobić ze stworzoną tabelą. Na przykład, pokolorujmy jej kolor tekstu na czerwono:

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

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

div.appendChild(table);

Przerób swoją funkcję createTable zgodnie z opisanym w teorii.

Załóżmy, że mamy taki div z akapitami:

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

Za pomocą funkcji createTable stwórz nową tabelę, a następnie wstaw ją na koniec diva.