Création de tableaux HTML en JavaScript

Supposons que nous ayons un tableau HTML vide comme celui-ci :

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

Remplissons ce tableau avec des lignes et des colonnes. Voici un exemple de ce que nous devrions obtenir :

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

Pour résoudre le problème, nous avons besoin de deux boucles imbriquées. La première boucle créera les lignes du tableau, et la seconde - les cellules dans chaque ligne :

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

Étant donné un tableau HTML vide. À l'aide de deux boucles imbriquées for, remplissez ce tableau avec 5 lignes et 5 colonnes.

Modifiez la tâche précédente pour que le tableau soit créé avec une taille de 10 lignes sur 5 colonnes.

Modifiez la tâche précédente pour que dans chaque td soit ajouté le texte 'x'.

Implémentez un générateur de tableaux, la largeur et la hauteur des tableaux sont spécifiées dans deux inputs (par exemple, un tableau de 5 sur 10 cellules).