Funkcija za kreiranje HTML tabela u JavaScript-u

Hajde sada da napravimo funkciju createTable, koja će kreirati tabelu zadate veličine i dodati je na kraj zadatog elementa.

Neka prvi parametar naše funkcije prima broj redova, drugi parametar - broj kolona, a treći - referencu na DOM element, unutar koga će se kreirati naša tabela.

Hajde da pogledamo kako ćemo koristiti opisanu funkciju kada bude kreirana. Neka je, na primer, dat ovakav div:

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

Hajde da napravimo unutar ovog div-a tabelu 3 sa 4 kolone:

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

Neka su sada data dva div-a:

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

Hajde da napravimo svoju tabelu u svakom od ovih div-ova:

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

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

Da bi kreirane tabele odmah bile vidljive, možete dodati neki CSS, na primer, ovakav:

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

Evo šablona opisane funkcije:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// ovde kreirajte tabelu sa rows redova i cols kolona
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Dopunite kod gore prikazanog šablona funkcije. Testirajte rad gotove funkcije.