HTML-এর সাথে JavaScript-এর মিথস্ক্রিয়া সেই ইভেন্টগুলির মাধ্যমে পরিচালনা করা হয় যখন ব্যবহারকারী বা ব্রাউজার কোনও পৃষ্ঠাকে ম্যানিপুলেট করে৷
যখন পৃষ্ঠা লোড হয়, তখন একে ইভেন্ট বলা হয়। ব্যবহারকারী যখন একটি বোতামে ক্লিক করেন, তখন সেই ক্লিকটি একটি ইভেন্ট। অন্যান্য উদাহরণের মধ্যে যে কোনো কী চাপা, একটি উইন্ডো বন্ধ করা, একটি উইন্ডোর আকার পরিবর্তন করা ইত্যাদি ইভেন্ট অন্তর্ভুক্ত।
এখানে কিছু উদাহরণ দেওয়া হল:
অনক্লিক করুন৷ ইভেন্টের ধরন
এটি সবচেয়ে বেশি ব্যবহৃত ইভেন্টের ধরন, যেটি ঘটে যখন একজন ব্যবহারকারী তার মাউসের বাম বোতামে ক্লিক করেন। আপনি এই ইভেন্ট টাইপের বিরুদ্ধে আপনার বৈধতা, সতর্কতা ইত্যাদি রাখতে পারেন।
নিম্নলিখিত উদাহরণ চেষ্টা করুন৷
৷লাইভ ডেমো
<html>
<head>
<script>
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<p>Click the following button and see result</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello" />
</form>
</body>
</html> ৷ অনমাউসওভার এবং অনমাউসআউট
এই দুটি ইভেন্টের ধরন আপনাকে ছবি বা এমনকি পাঠ্যের সাথেও চমৎকার প্রভাব তৈরি করতে সাহায্য করবে৷ অনমাউসওভার ইভেন্টটি ট্রিগার হয় যখন আপনি আপনার মাউসকে কোনো উপাদানের উপর নিয়ে আসেন এবং অনমাউসআউটটি ট্রিগার হয় যখন আপনি আপনার মাউসটিকে সেই উপাদান থেকে সরিয়ে দেন। নিম্নলিখিত উদাহরণ চেষ্টা করুন.
লাইভ ডেমো
<html>
<head>
<script>
<!--
function over() {
document.write ("Mouse Over");
}
function out() {
document.write ("Mouse Out");
}
//-->
</script>
</head>
<body>
<p>Bring your mouse inside the division to see the result:</p>
<div onmouseover="over()" onmouseout="out()">
<h2> This is inside the division </h2>
</div>
</body>
</html> 