অ্যালার্ট বক্স কী?
একটি অ্যালার্ট বক্স হলো একটি ছোট উইন্ডো যা কোনো ধরনের ইউজার ইন্টারঅ্যাকশন (ক্লিক, স্ক্রোল, টাইপিং, ইত্যাদি) এর রেসপন্স হিসেবে পপ আপ করে। অ্যালার্ট বক্সগুলো অধিকাংশसमয় ইউজারকে সমস্যা সম্পর্কে সতর্ক করার জন্য ব্যবহৃত হয়, কিন্তু এগুলো শুধু ইনফর্ম করার জন্যও ব্যবহৃত হয়।
অ্যালার্ট বক্স ব্যবহারের একটি সাধারণ উদাহরণ হলো যদি কোনো ইউজার ফর্ম সাবমিট বাটনে ক্লিক করে, কিন্তু তারা একটি রিকোয়ার্ড ফিল্ড পূরণ করতে ভুলে গিয়েছেন। অ্যালার্ট বক্সটি তখন পপ আপ হবে একটি মেসেজ সহ যা ইস্যুটি ইউজারকে ব্যাখ্যা করবে:
অ্যালার্ট বক্স তৈরির পদ্ধতি
আমরা উপরের স্ক্রিনশটের অ্যালার্ট বক্সটি রিপ্লিকেট করব।
প্রথমে, একটি বাটন এলিমেন্ট তৈরি করুন ট্রিগার হিসেবে ব্যবহার করতে:
<button onclick="missingFieldWarningPopup()">Submit form</button>এখন আপনার .js ফাইলে এই JavaScript ফাংশনটি যোগ করুন:
function missingFieldWarningPopup() { alert("You forgot to fill out all the required input fields!") }কোডে কী হচ্ছে: বাটন এলিমেন্টে একটি onclick অ্যাট্রিবিউট আছে ক্লিক ইভেন্ট ট্রিগার হিসেবে। যখন ইউজার বাটনে ক্লিক করে, ক্লিক ইভেন্ট missingFieldWarningPopup() ফাংশনটি কল করে, যা alert() প্রম্পট উইন্ডো পপ আপ করে এবং ভিতরের স্ট্রিং (টেক্সট) ডিসপ্লে করে।
আপনি যদি JavaScript ফাংশনটি ইনলাইন কোড হিসেবে যোগ করতে চান, তবে আপনার HTML ডকুমেন্টের <head> এলিমেন্টের ভিতরে এই কোডটি যোগ করুন:
<script type="text/javascript"> function missingFieldWarningPopup() { alert("You forgot to fill out all the required input fields!") } </script>উদাহরণ কোড।
