JavaScript-də HTML cədvəl yaratmaq üçün funksiya

Gəlin indi createTable funksiyasını edək, hansı ki, verilmiş ölçülü cədvəl yaradacaq və onu verilmiş elementin sonuna əlavə edəcək.

Qoy funksiyamız birinci parametr kimi sətirlərin sayını, ikinci parametr kimi - sütunların sayını, üçüncü parametr kimi isə - daxilində bizim cədvəlin yaradılacağı DOM elementinə istinadı qəbul etsin.

Gəlin baxaq, yaradıldıqdan sonra təsvir etdiyimiz funksiyadan necə istifadə edəcəyik. Məsələn, fərz edək ki, bizə belə bir div verilib:

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

Gəlin bu div-in daxilində 3 sətir və 4 sütundan ibarət cədvəl edək:

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

İndi fərz edək ki, bizə iki div verilib:

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

Gəlin bu div-lərin hər birində öz cədvəlimizi edək:

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

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

Yaradılan cədvəllərin dərhal görünməsi üçün, bəzi CSS əlavə etmək olar, məsələn, belə:

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

Budur təsvir edilən funksiyanın hazırlanması:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// burada rows sətir və cols sütundan ibarət cədvəl yaradacaq
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Yuxarıda təqdim olunan hazırlanmanın kodunu tamamlayın. Hazır funksiyanın işini test edin.