Devolver una tabla desde una función en JavaScript

En la lección anterior, creamos la función createTable. Modifiquemos esta función para que no agregue la tabla a un elemento, sino que simplemente la devuelva a través de return.

Es decir, el código de la lección anterior se transforma en este:

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

Se puede reescribir de forma más breve:

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

Obtener una referencia a la tabla puede ser necesario para hacer algo con la tabla creada. Por ejemplo, cambiemos su color de texto a rojo:

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

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

div.appendChild(table);

Modifique su función createTable de acuerdo con lo descrito en la teoría.

Supongamos que tenemos este div con párrafos:

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

Usando la función createTable, cree una nueva tabla y luego insértela al final del div.