JavaScript da HTML jadvallarni yaratish

Faraz qilaylik, bizda shunday bo'sh HTML jadval bor:

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

Keling, ushbu jadvalni qatorlar va ustunlar bilan to'ldiramiz. Mana biz qilishimiz kerak bo'lgan narsaning namunasi:

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

Masalani yechish uchun bizga ikkita ichki sikl kerak. Birinchi sikl jadval qatorlarini yaratadi, ikkinchisi esa har bir qatordagi katakchalarni:

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

Bo'sh HTML jadval berilgan. Ikkita ichki for sikli yordamida ushbu jadvalni 5 ta qator va 5 ta ustun bilan to'ldiring.

Oldingi vazifani o'zgartiring, shunday qilib jadval 10 ta qator va 5 ta ustun o'lchamida yaratilsin.

Oldingi vazifani o'zgartiring, shunday qilib har bir td ga 'x' matni qo'shilsin.

Jadval generatorini amalga oshiring, jadvalning kengligi va balandligi ikkita input orqali belgilanadi (masalan, 5 dan 10 gacha katakchalar).