JavaScriptда HTML таблицалар яратиш учун функция

Энди createTable функциясини ясаймиз, бу функция берилган ўлчамдаги таблица яратиб уни берилган элементнинг охирига қўшади.

Бизнинг функция биринчи параметр сифатида қаторлар сонини, иккинчи параметр сифатида - устунлар сонини, учинчисида эса - DOM элементга ишора қабул қилсин, шунинг ичида бизнинг таблицамиз яратилади.

Келгила, функция яратилганда биз уни қандай ишлатишимизни кўриб чиқайлик. Масалан, бизга мана шундай див берилган бўлсин:

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

Келгила, шу див ичида 3 дан 4 гача таблица ясаймиз:

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

Энди бизга иккита див берилган бўлсин:

<div id="elem1"></div>
<div id="elem2"></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);
}

Юқорида келтирилган функция заготовкасининг кодини тўлдиринг. Тайёр функциянинг ишлашини тестиринг.