DOM উপাদানের সাথে কাজ করার জন্য JavaScript ফাংশন

এখন আমরা সহায়ক ফাংশন তৈরি করতে শিখব, যেগুলো DOM-এর সাথে কিছু অপারেশন সম্পাদন করে। উদাহরণস্বরূপ, আসুন একটি ফাংশন তৈরি করি, যেটি প্রথম প্যারামিটার হিসেবে একটি উপাদানের id নেবে, এবং দ্বিতীয় প্যারামিটার হিসেবে উপাদানের টেক্সট নেবে, এবং সেই উপাদানে নতুন টেক্সট সেট করবে।

নিচে বর্ণিত ফাংশনটি দেওয়া হল:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

আসুন এর কাজ পরীক্ষা করে দেখি। ধরা যাক আমাদের কাছে দুটি প্যারাগ্রাফ আছে:

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

আসুন আমরা তৈরি করা ফাংশনটি ব্যবহার করে এই প্যারাগ্রাফগুলোর টেক্সট পরিবর্তন করি:

setText('elem1', 'text1');
setText('elem2', 'text2');

আমার তৈরি করা ফাংশনটি পরিবর্তন করুন যাতে, এটি প্যারামিটার হিসেবে উপাদানের id না নিয়ে একটি নির্বিচারে CSS সিলেক্টর নেয়।

setAttr ফাংশনটি তৈরি করুন, যা একটি DOM উপাদানের অ্যাট্রিবিউট পরিবর্তন করবে। ফাংশনটি যেন প্রথম প্যারামিটার হিসেবে উপাদানের সিলেক্টর, দ্বিতীয় প্যারামিটার হিসেবে অ্যাট্রিবিউটের নাম, এবং তৃতীয় প্যারামিটার হিসেবে এর নতুন মান নেয়।