Функция для создания HTML таблиц на JavaScript

Давайте теперь сделаем функцию createTable, которая будет будет создавать таблицу заданного размера и добавлять ее в конец заданного элемента.

Пусть первым параметром наша функция принимает количество рядов, вторым параметром - количество колонок, а третьим - ссылку на DOM, внутри которого будет создаваться наша таблица.

Давайте посмотрим, как мы будем пользоваться описанной функцией, когда она будет создана. Пусть, к примеру, у нас дан вот такой див:

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

Давайте сделаем внутри этого дива таблицу 3 на 4:

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

Пусть теперь у нас даны два дива:

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

Давайте сделаем свою таблицу в каждом из этих дивов:

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

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

Для того, чтобы создаваемые таблицы сразу были видны, можно добавить какой-нибудь CSS, например, такой:

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

Вот заготовка описанной функции:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// тут создадим таблицу с rows рядами и cols колонками
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Допишите код представленной выше заготовки функции. Потестируйте работу готовой функции.