জাভাস্ক্রিপ্টে HTML টেবিল তৈরি করা

ধরুন আমাদের কাছে এইরকম একটি খালি 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 সেলের একটি টেবিল)।