Funkce pro vytváření HTML tabulek v JavaScriptu

Nyní si vytvořme funkci createTable, která bude vytvářet tabulku zadané velikosti a přidávat ji na konec zadaného prvku.

Nechť první parametr naší funkce přijímá počet řádků, druhý parametr - počet sloupců, a třetí - odkaz na DOM prvek, uvnitř kterého bude naše tabulka vytvořena.

Podívejme se, jak budeme používat popsanou funkci, až bude vytvořena. Nechť je nám například dán takovýto div:

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

Vytvořme uvnitř tohoto divu tabulku 3 na 4:

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

Nyní nechť jsou dány dva divy:

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

Vytvořme vlastní tabulku v každém z těchto divů:

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

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

Aby byly vytvářené tabulky okamžitě viditelné, lze přidat nějaký CSS, například takový:

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

Zde je příprava popsané funkce:

function createTable(rows, cols, parent) {
	let table = document.createElement('table');
	
	// zde vytvoříme tabulku s rows řádky a cols sloupci
	for () {
		for () {
			
		}
	}
	
	parent.appendChild(table);
}

Doplňte kód výše uvedené přípravy funkce. Otestujte funkci hotové funkce.