জাভাস্ক্রিপ্টে ফাংশন থেকে টেবিল রিটার্ন

পূর্ববর্তী পাঠে আমরা ফাংশন তৈরি করেছি createTable। আসুন এই ফাংশনটি পরিবর্তন করি যাতে এটি টেবিলটি কোনো এলিমেন্টে যোগ না করে, বরং শুধু return এর মাধ্যমে এটি রিটার্ন করে।

অর্থাৎ, পূর্ববর্তী পাঠের নিম্নলিখিত কোডটি এইরূপে রূপান্তরিত হয়:

let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

সংক্ষেপে পুনরায় লিখা যায়:

let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

টেবিলের রেফারেন্স পাওয়া প্রয়োজন হতে পারে তৈরি করা টেবিলটির সাথে কিছু করার জন্য। উদাহরণস্বরূপ, আসুন এর টেক্সটের রং লাল করি:

let div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

আপনার createTable ফাংশনটি থিওরিতে বর্ণিত অনুসারে পরিবর্তন করুন।

ধরুন আমাদের নিম্নলিখিত ডিভটি প্যারাগ্রাফ সহ আছে:

<div id="elem">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

createTable ফাংশন ব্যবহার করে একটি নতুন টেবিল তৈরি করুন, এবং তারপর এটি ডিভের শেষে ইনসার্ট করুন।