Erstellen von HTML-Tabellen in JavaScript

Nehmen wir an, wir haben eine leere HTML-Tabelle wie diese:

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

Lassen Sie uns diese Tabelle mit Zeilen und Spalten füllen. Hier ist ein Beispiel, was wir erhalten sollten:

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

Um die Aufgabe zu lösen, benötigen wir zwei verschachtelte Schleifen. Die erste Schleife erstellt die Tabellenzeilen, und die zweite - die Zellen in jeder Zeile:

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

Gegeben ist eine leere HTML-Tabelle. Verwenden Sie zwei verschachtelte for Schleifen, um diese Tabelle mit 5 Zeilen und 5 Spalten zu füllen.

Modifizieren Sie die vorherige Aufgabe so, dass die Tabelle mit einer Größe von 10 Zeilen und 5 Spalten erstellt wird.

Modifizieren Sie die vorherige Aufgabe so, dass in jede td der Text 'x' hinzugefügt wird.

Implementieren Sie einen Tabellengenerator, bei dem Breite und Höhe der Tabelle in zwei Input-Feldern vorgegeben werden (z.B. Tabelle mit 5 mal 10 Zellen).