Funkcia na vytváranie HTML tabuliek v JavaScripte

Teraz si vytvorme funkciu createTable, ktorá bude vytvárať tabuľku zadanej veľkosti a pridávať ju na koniec zadaného elementu.

Nech prvý parameter našej funkcie prijímá počet riadkov, druhý parameter - počet stĺpcov a tretí - odkaz na DOM element, vnútri ktorého bude vytvorená naša tabuľka.

Pozrime sa, ako budeme používať opísanú funkciu, keď bude vytvorená. Nech je nám napríklad daný takýto div:

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

Vytvorme vnútri tohto divu tabuľku 3 na 4:

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

Nech sú nám teraz dané dva divy:

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

Vytvorme svoju tabuľku v každom z týchto divov:

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

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

Aby boli vytvorené tabuľky okamžite viditeľné, môžeme pridať nejaký CSS, napríklad takýto:

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

Tu je príprava opísanej funkcie:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// tu vytvoríme tabuľku s rows riadkami a cols stĺpcami
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Doplňte kód vyššie uvedenej prípravy funkcie. Otestujte činnosť hotovej funkcie.