Funkcija za ustvarjanje HTML tabel v JavaScript

Zdaj naredimo funkcijo createTable, ki bo ustvarila tabelo določene velikosti in jo dodala na konec danega elementa.

Naj bo prvi parameter naše funkcije število vrstic, drugi parameter - število stolpcev, tretji pa - sklic na DOM element, znotraj katerega bo ustvarjena naša tabela.

Poglejmo, kako bomo uporabljali opisano funkcijo, ko bo ustvarjena. Naj bo na primer dan naslednji div:

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

Naredimo znotraj tega div-a tabelo 3 na 4:

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

Naj sta zdaj dana dva div-a:

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

Naredimo svojo tabelo v vsakem od teh div-ov:

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

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

Da bodo ustvarjene tabele takoj vidne, lahko dodamo kakšen CSS, na primer takšen:

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

Tu je predloga opisane funkcije:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// tukaj ustvarimo tabelo z rows vrsticami in cols stolpci
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Dokončajte kodo zgornje predloge funkcije. Preizkusite delovanje končane funkcije.