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

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