কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট HTML DOM-এ addEventListener() মেথডের ব্যবহার

ইভেন্ট হ্যান্ডলার সংযুক্ত করতে addEventListener() মেথড ব্যবহার করুন।

উদাহরণ

নিচের কোডটি চালিয়ে জাভাস্ক্রিপ্টে addEventListener() মেথডের ব্যবহার শিখুন:

<!DOCTYPE html> <html>    <body>       <p>নিচের বোতামে ডাবল ক্লিক করুন।</p>       <button id = "btnid"> ডাবল ক্লিক </button>       <p id = "pid"> </p>       <script>          document.getElementById("btnid").addEventListener("dblclick", displayEvent);          function displayEvent() {             document.getElementById("pid").innerHTML = Date();          }       </script>    </body> </html>

ব্যাখ্যা: এখানে dblclick (ডাবল ক্লিক) ইভেন্টের জন্য হ্যান্ডলার সংযুক্ত করা হয়েছে। ব্যবহারকারী বোতামে দুবার দ্রুত ক্লিক করলে বর্তমান তারিখ ও সময় দেখাবে। এটি সাধারণ onclick অ্যাট্রিবিউটের চেয়ে বেশি নমনীয় এবং একাধিক হ্যান্ডলার যোগ করার সুযোগ দেয়।

  1. জাভাস্ক্রিপ্ট দিয়ে DOM এলিমেন্ট সরানো

  2. জাভাস্ক্রিপ্ট ব্যবহার করে ক্যানভাসে ড্র করার পদ্ধতি

  3. HTML DOM addEventListener() মেথড

  4. MongoDB-এ স্টোরড জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করা