Retornando uma tabela de uma função em JavaScript

Na lição anterior, criamos a função createTable. Vamos modificar esta função para que ela não adicione a tabela a um elemento, mas simplesmente a retorne através do return.

Ou seja, o código da lição anterior se transforma neste:

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

Podemos reescrever de forma mais curta:

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

Obter a referência para a tabela pode ser necessário para fazer algo com a tabela criada. Por exemplo, vamos colorir o texto dela de vermelho:

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

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

div.appendChild(table);

Modifique sua função createTable de acordo com o descrito na teoria.

Suponha que temos esta div com parágrafos:

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

Usando a função createTable, crie uma nova tabela e então insira-a no final da div.