Creazione di tabelle HTML in JavaScript

Supponiamo di avere una tabella HTML vuota come questa:

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

Compiliamo questa tabella con righe e colonne. Ecco un esempio di ciò che dovremmo ottenere:

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

Per risolvere il problema, abbiamo bisogno di due cicli annidati. Il primo ciclo creerà le righe della tabella, il secondo - le celle in ogni riga:

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

Data una tabella HTML vuota. Utilizzando due cicli annidati for, riempi questa tabella con 5 righe e 5 colonne.

Modifica il problema precedente in modo che la tabella venga creata con dimensione 10 righe per 5 colonne.

Modifica il problema precedente in modo che in ogni td venga aggiunto il testo 'x'.

Implementa un generatore di tabelle, la larghezza e l'altezza delle tabelle è impostata in due input (ad esempio, tabella 5 per 10 celle).