Restituire una tabella da una funzione in JavaScript

Nella lezione precedente abbiamo creato la funzione createTable. Modifichiamo questa funzione in modo che non aggiunga la tabella a un elemento, ma la restituisca semplicemente tramite return.

Cioè il codice della lezione precedente si trasforma in questo:

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

Si può riscrivere in modo più breve:

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

Ottenere un riferimento alla tabella può essere utile per fare qualcosa con la tabella creata. Ad esempio, coloriamo il suo testo di rosso:

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

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

div.appendChild(table);

Riadatta la tua funzione createTable in accordo con quanto descritto in teoria.

Supponiamo di avere questo div con i paragrafi:

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

Utilizza la funzione createTable per creare una nuova tabella, e poi inseriscila alla fine del div.