Ustvarjanje HTML tabel v JavaScriptu

Recimo, da imamo prazno HTML tabelo:

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

Izpolnimo to tabelo z vrsticami in stolpci. Primer, kaj bi morali dobiti:

<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šitev problema potrebujemo dve gnezdendi zanki. Prva zanka bo ustvarjala vrstice tabele, druga pa celice v vsaki vrstici:

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

Dana je prazna HTML tabela. Z uporabo dveh gnezdendih zank for izpolnite to tabelo z 5 vrsticami in 5 stolpci.

Spremenite prejšnjo nalogo tako, da bo tabela ustvarjena v velikosti 10 vrstic in 5 stolpcev.

Spremenite prejšnjo nalogo tako, da se v vsako td doda besedilo 'x'.

Implementirajte generator tabel, kjer sta širina in višina tabele podani v dveh vnosnih poljih (na primer, tabela 5 krat 10 celic).