Creación de tablas HTML en JavaScript

Supongamos que tenemos una tabla HTML vacía como esta:

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

Vamos a llenar esta tabla con filas y columnas. Este es un ejemplo de lo que deberíamos obtener:

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

Para resolver el problema necesitamos dos bucles anidados. El primer bucle creará las filas de la tabla, y el segundo - las celdas en cada fila:

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

Se da una tabla HTML vacía. Con la ayuda de dos bucles anidados for llene esta tabla con 5 filas y 5 columnas.

Modifique la tarea anterior para que la tabla se cree con un tamaño de 10 filas por 5 columnas.

Modifique la tarea anterior para que en cada td se agregue el texto 'x'.

Implemente un generador de tablas, donde el ancho y alto de las tablas se especifique en dos inputs (por ejemplo, tabla de 5 por 10 celdas).