Создание HTML таблиц на JavaScript

Пусть у нас есть вот такая пустая HTML таблица:

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

Давайте заполним эту таблицу рядами и колонками. Вот пример того, что у нас должно получится:

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

Для решения задачи нам нужно два вложенных цикла. Первый цикл будет создавать ряды таблицы, а второй - ячейки в каждом ряду:

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

Дана пустая HTML таблица. С помощью двух вложенных циклов for заполните эту таблицу 5-ю рядами с 5-ю колонками.

Модифицируйте предыдущую задачу так, чтобы таблица создавалась размером 10 рядов на 5 колонок.

Модифицируйте предыдущую задачу так, чтобы в каждую td добавлялся текст 'x'.

Реализуйте генератор таблиц, ширина и высота таблиц задается в двух инпутах (например, таблица 5 на 10 ячеек).