Função para criar tabelas HTML em JavaScript

Vamos agora fazer a função createTable, que irá criar uma tabela de um tamanho especificado e adicioná-la ao final de um determinado elemento.

Deixe nossa função receber como primeiro parâmetro o número de linhas, como segundo parâmetro - o número de colunas, e como terceiro - uma referência ao elemento DOM, dentro do qual nossa tabela será criada.

Vamos ver como usaremos a função descrita quando ela for criada. Suponha, por exemplo, que tenhamos a seguinte div:

<div id="elem"></div>

Vamos criar uma tabela dentro desta div 3 por 4:

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

Suponha agora que tenhamos duas divs:

<div id="elem1"></div>
<div id="elem2"></div>

Vamos criar nossa própria tabela em cada uma dessas divs:

let div1 = document.querySelector('#elem1');
createTable(3, 4, div1);

let div2 = document.querySelector('#elem2');
createTable(5, 6, div2);

Para que as tabelas criadas fiquem imediatamente visíveis, você pode adicionar algum CSS, por exemplo, este:

td {
	width: 50px;
	height: 50px;
	border: 1px solid black;
}

Aqui está o esboço da função descrita:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// aqui criamos a tabela com rows linhas e cols colunas
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Complete o código do esboço apresentado acima da função. Teste o funcionamento da função pronta.