Opprettelse av HTML-tabeller med JavaScript

La oss si at vi har en tom HTML-tabell som denne:

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

La oss fylle denne tabellen med rader og kolonner. Her er et eksempel på hva vi bør få:

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

For å løse oppgaven trenger vi to nestede løkker. Den første løkken vil opprette tabellrader, og den andre - celler i hver rad:

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

Det er gitt en tom HTML-tabell. Bruk to nestede for-løkker for å fylle denne tabellen med 5 rader med 5 kolonner.

Modifiser forrige oppgave slik at tabellen opprettes med en størrelse på 10 rader og 5 kolonner.

Modifiser forrige oppgave slik at det i hver td legges til teksten 'x'.

Implementer en tabellgenerator, hvor bredden og høyden på tabellene angis i to input-felter (for eksempel, en tabell på 5 ganger 10 celler).