DOM নিয়ে কাজ করার জন্য জাভাস্ক্রিপ্টে কলব্যাক পাস করা

ধরুন আমাদের কিছু DOM এলিমেন্টের গ্রুপ আছে:

<p class="elem">1</p>
<p class="elem">2</p>
<p class="elem">3</p>
<p class="elem">4</p>
<p class="elem">5</p>

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

forEach('.elem', function() {
	// ফাংশনটি প্রতিটি এলিমেন্টে প্রয়োগ হবে
});

ধরুন সিলেক্টরের আওতায় আসা এলিমেন্টগুলি কলব্যাকের প্রথম প্যারামিটারে পালাক্রমে আসে:

forEach('.elem', function(elem) {
	console.log(elem); // পাওয়া এলিমেন্টগুলি পালাক্রমে দেখাবে
});

আসুন আমাদের ফাংশন ব্যবহার করে elem ক্লাস সহ সমস্ত এলিমেন্ট খুঁজে বের করি এবং প্রতিটি পাওয়া এলিমেন্টে একটি কলব্যাক প্রয়োগ করি, যা প্রতিটি এলিমেন্টের টেক্সটকে বর্গ করবে:

forEach('.elem', function(elem) {
	elem.textContent = elem.textContent ** 2;
});

আসুন এখন আমরা আমাদের চিন্তা করা ফাংশন forEach-এর বাস্তবায়ন লিখি:

function forEach(selector, func) {
	let elems = document.querySelectorAll(selector);
	
	for (let elem of elems) {
		func(elem);
	}
}

প্যারাগ্রাফ দেওয়া আছে। আমাদের তৈরি ফাংশন forEach ব্যবহার করে প্রতিটি প্যারাগ্রাফের টেক্সটের শেষে একটি বিস্ময়বোধক চিহ্ন যোগ করুন।