Стварэнне 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>

Для вырашэння задачы нам патрэбны два ўкладзеныя цыклы. Першы цыкл будзе ствараць шэрагi табліцы, а другi - ячэйкi ў кожным шэрагу:

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 ячаек).