Kreiranje HTML tabela u JavaScript-u

Neka imamo ovakvu praznu HTML tabelu:

<table id="table"></table>

Hajde da popunimo ovu tabelu redovima i kolonama. Evo primera šta bi trebalo da dobijemo:

<table id="table">
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table>

Za rešavanje zadatka potrebne su nam dve ugnježdene petlje. Prva petlja će kreirati redove tabele, a druga - ćelije u svakom redu:

let table = document.querySelector('#table');

for (let i = 0; i < 3; i++) {
	let tr = document.createElement('tr');
	
	for (let i = 0; i < 3; i++) {
		let td = document.createElement('td');
		tr.appendChild(td);
	}
	
	table.appendChild(tr);
}

Data je prazna HTML tabela. Pomoću dve ugnježdene petlje for popunite ovu tabelu sa 5 redova i 5 kolona.

Modifikujte prethodni zadatak tako da se tabela kreira veličine 10 redova sa 5 kolona.

Modifikujte prethodni zadatak tako da u svaku td bude dodavan tekst 'x'.

Implementirajte generator tabela, gde se širina i visina tabele zadaju u dva input polja (na primer, tabela 5 sa 10 ćelija).