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

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

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

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

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

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

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

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

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