DOM এলিমেন্টকে ফাংশনের প্যারামিটার হিসেবে পাস করা

পূর্ববর্তী পাঠগুলোতে আমরা আমাদের ফাংশনে এলিমেন্ট সিলেক্টরগুলো পাস করতাম, এবং আমাদের ফাংশনগুলো তাদের কোডের ভিতরে এই এলিমেন্টগুলোর রেফারেন্স নিজেরাই পেত। আরেকটি পদ্ধতিও রয়েছে: ফাংশনে পূর্বে প্রাপ্ত এলিমেন্টগুলোর রেফারেন্স ইতিমধ্যেই পাস করা যেতে পারে।

আসুন একটি উদাহরণ দেখি। ধরা যাক আমাদের নিম্নলিখিত কোড রয়েছে:

<p id="elem1"></p>
<p id="elem2"></p>

আসুন আমরা একটি ফাংশন setText তৈরি করি, যা প্রথম প্যারামিটার হিসেবে একটি DOM এলিমেন্টের রেফারেন্স নেবে, এবং দ্বিতীয়টি - এলিমেন্টের টেক্সট:

function setText(elem, text){
	elem.textContent = text;
}

আমাদের অনুচ্ছেদগুলোর টেক্সট সেট করতে আমাদের তৈরি করা ফাংশনটি ব্যবহার করা যাক:

let elem1 = document.getElementById('elem1');
setText(elem1, 'text1');

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');

appendText ফাংশনটি তৈরি করুন, যা প্রথম প্যারামিটার হিসেবে একটি DOM এলিমেন্ট নেবে, এবং দ্বিতীয়টি - টেক্সট। এটি নিশ্চিত করুন যে এই ফাংশনটি উক্ত এলিমেন্টের শেষে টেক্সট যোগ করে।

কিছু অনুচ্ছেদ দেওয়া আছে। সেগুলো নিন, লুপ দিয়ে ঘুরান এবং প্রত্যেকটির শেষে '!' পূর্ববর্তী সমস্যায় তৈরি appendText ফাংশন ব্যবহার করে যোগ করুন।

setValue ফাংশন তৈরি করুন, যা প্রথম প্যারামিটার হিসেবে একটি ইনপুটের রেফারেন্স নেবে, এবং দ্বিতীয়টি - টেক্সট। এটি নিশ্চিত করুন, যে এই ফাংশনটি ইনপুটের value-এ প্রদত্ত টেক্সট সেট করে।