Функцыя для стварэння 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);
}

Дапішыце код прадстаўленай вышэй загатоўкі функцыі. Пратэсціруйце работу гатовай функцыі.