Crearea tabelelor HTML în JavaScript

Să presupunem că avem următorul tabel HTML gol:

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

Să umplem acest tabel cu rânduri și coloane. Iată un exemplu de cum ar trebui să arate rezultatul:

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

Pentru a rezolva problema avem nevoie de două bucle imbricate. Prima buclă va crea rândurile tabelului, iar a doua - celulele din fiecare rând:

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

Este dat un tabel HTML gol. Cu ajutorul a două buclă imbricate for umpleți acest tabel cu 5 rânduri și 5 coloane.

Modificați problema anterioară astfel încât tabelul să fie creat cu dimensiunea de 10 rânduri pe 5 coloane.

Modificați problema anterioară astfel încât în fiecare td să fie adăugat textul 'x'.

Implementați un generator de tabele, lățimea și înălțimea tabelului sunt introduse în două input-uri (de exemplu, tabel 5 pe 10 celule).