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

Нека сега направим функция createTable, която ще създава таблица с зададен размер и ще я добавя в края на даден елемент.

Нека първият параметър на нашата функция приема броя редове, вторият параметър - броя колони, а третият - препратка към DOM елемент, вътре в който ще се създава нашата таблица.

Нека да видим как ще използваме описаната функция, когато тя бъде създадена. Нека, например, ни е даден такъв div:

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

Нека направим таблица вътре в този div 3 на 4:

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

Нека сега са ни дадени два div:

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

Нека направим своя таблица във всеки от тези 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);
}

Довършете кода на представения по-горе шаблон функция. Тествайте работата на готовата функция.