Funkcija HTML lentelių kūrimui JavaScript

Dabar sukurkime funkciją createTable, kuri sukurs nurodyto dydžio lentelę ir pridės ją į nurodyto elemento pabaigą.

Tegul mūsų funkcija pirmu parametru priima eilučių skaičių, antru parametru - stulpelių skaičių, o trečiu - nuorodą į DOM elementą, kurio viduje bus kuriama mūsų lentelė.

Pažiūrėkime, kaip naudosimės aprašyta funkcija, kai ji bus sukurta. Tarkime, pavyzdžiui, kad mums duotas toks div:

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

Sukurkime šio div viduje lentelę 3 x 4:

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

Tarkime, kad dabar mums duoti du div:

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

Sukurkime savo lentelę kiekviename iš šių div:

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

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

Kad sukurtos lentelės būtų iš karto matomos, galima pridėti kokį nors CSS, pavyzdžiui, tokį:

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

Štai aprašytos funkcijos ruošinys:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// čia sukursime lentelę su rows eilučių ir cols stulpelių
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Papildykite aukščiau pateikto ruošinio funkcijos kodą. Išbandykite paruoštos funkcijos veikimą.