Функсия барои сохтани ҷадвалҳои HTML дар JavaScript

Биёед ҳоло функсияи 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);
}

Рамзи заготовкаи функсияи болоро пур кунед. Кори функсияи тайёршударо санҷед.