JavaScript-de HTML tablisalary döretmek üçin funksiýa

Indi createTable funksiýasyny ýasaýaly, ýörite ölçegli tablisany dözedijik we ony berlen elementyň ahyryna goşujyk.

Bizim funksiýamyz birinji parametr hökmünde setirleriň sanyny, ikinji parametr hökmünde sütünleriň sanyny, üçünji parametr hökmünde bolsa tablisamyzyň dörediljek ýeri bolan DOM elementine çykgyt almaly.

Ýasan funksiýamyzy nädip ulanyjakdygymyza seredeliň. Meselem, bizde şeýle bir div bar:

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

Bu divyň içinde 3 setir we 4 sütünli tablisa ýasaýaly:

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

Indi bolsa bizde iki div bar:

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

Bu divleriň her birinde öz tablisamyzy ýasaýaly:

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

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

Döredilýän tablisalary görmek üçin, haýsydyr bir CSS goşup bolýar, meselem, şeýle:

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

Beýany edilen funksiýanyň çalt şablony:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// bu ýerde rows setir we cols sütünli tablisany dörederis
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Ýokardaky çalt şablon funksiýanyň kodyny dolduryň. Taýýar funksiýanyň işini synaň.