Tworzenie tabel HTML w JavaScript

Załóżmy, że mamy pustą tabelę HTML:

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

Wypełnijmy tę tabelę wierszami i kolumnami. Oto przykład tego, co powinniśmy uzyskać:

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

Aby rozwiązać zadanie, potrzebujemy dwóch zagnieżdżonych pętli. Pierwsza pętla będzie tworzyć wiersze tabeli, a druga - komórki w każdym wierszu:

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 jest pusta tabela HTML. Za pomocą dwóch zagnieżdżonych pętli for wypełnij tę tabelę 5 wierszami z 5 kolumnami.

Zmodyfikuj poprzednie zadanie tak, aby tabela była utworzona w rozmiarze 10 wierszy na 5 kolumn.

Zmodyfikuj poprzednie zadanie tak, aby do każdej td został dodany tekst 'x'.

Zaimplementuj generator tabel, gdzie szerokość i wysokość tabeli jest podawana w dwóch polach input (na przykład, tabela 5 na 10 komórek).