Функција за креирање 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);
}

Допуните код горњег скелета функције. Тестирајте рад готове функције.