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

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

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

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

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

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

javascriptlet 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">

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

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