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);
}

Жоғарыдағы дайындағы функцияның кодін толтырыңыз. Дайын функцияның жұмысын сынаңыз.