জাভাস্ক্রিপ্টে নামযুক্ত ইভেন্ট হ্যান্ডলার

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

function func() {
	console.log('!!!');
}

আরও ধরা যাক একটি বাটন আছে:

<input id="button" type="submit">

আসুন এমন করি যাতে বাটনে ক্লিক করলে আমাদের ফাংশন func executed হয়। এর জন্য addEventListener-এর প্যারামিটার হিসেবে আমাদের ফাংশনের নামটি এইভাবে পাঠিয়ে দিই:

let button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
	console.log('!!!');
}

নিম্নলিখিত HTML কোড দেওয়া আছে:

<input id="button1" type="submit" value="button1">
<input id="button2" type="submit" value="button2">

নিম্নলিখিত ফাংশনগুলি দেওয়া আছে:

function func1() {
	console.log(1);
}

function func2() {
	console.log(2);
}

এমন করুন যাতে প্রথম বাটনে ক্লিক করলে func1 ফাংশনটি executed হয়, এবং দ্বিতীয় বাটনে ক্লিক করলে - func2 ফাংশনটি executed হয়।