HTML-tabellen maken in JavaScript

Stel we hebben een lege HTML-tabel zoals deze:

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

Laten we deze tabel vullen met rijen en kolommen. Hier is een voorbeeld van wat het resultaat moet zijn:

<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>

Om de taak op te lossen hebben we twee geneste lussen nodig. De eerste lus maakt de tabelrijen, en de tweede - de cellen in elke rij:

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

Gegeven is een lege HTML-tabel. Gebruik twee geneste for lussen om deze tabel te vullen met 5 rijen en 5 kolommen.

Pas de vorige taak aan zodat de tabel een grootte heeft van 10 rijen bij 5 kolommen.

Pas de vorige taak aan zodat in elke td de tekst 'x' wordt toegevoegd.

Implementeer een tabelgenerator, waarbij de breedte en hoogte van de tabel wordt opgegeven in twee invoervelden (bijvoorbeeld, een tabel van 5 bij 10 cellen).