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

განახორციელეთ ცხრილების გენერატორი, სადაც ცხრილის სიგანე და სიმაღლე მითითებულია ორ input ველში (მაგალითად, ცხრილი 5 სიმაღლეზე და 10 სიგანეზე).