কিভাবে জাভাস্ক্রিপ্ট দিয়ে একটি সতর্কতা বক্স তৈরি করবেন

একটি সতর্কতা বাক্স কি?

একটি অ্যালার্ট বক্স হল একটি ছোট উইন্ডো যা কিছু ধরনের ব্যবহারকারীর মিথস্ক্রিয়া (ক্লিক, স্ক্রলিং, টাইপিং ইত্যাদি) এর প্রতিক্রিয়া হিসাবে পপ আপ হয়। সতর্কতা বাক্সগুলি বেশিরভাগই ব্যবহারকারীদের সমস্যা সম্পর্কে সতর্ক করতে ব্যবহৃত হয় কিন্তু এগুলি শুধুমাত্র শেষ-ব্যবহারকারীকে জানানোর জন্যও ব্যবহৃত হয়৷

৷

সতর্কতা বাক্স ব্যবহার করার একটি সাধারণ উদাহরণ হল যদি একজন ব্যবহারকারী ফর্ম জমা বোতামে ক্লিক করেন, কিন্তু তারা একটি প্রয়োজনীয় ক্ষেত্র পূরণ করতে ভুলে যান। সতর্কতা বাক্সটি তখন একটি বার্তার সাথে পপ আপ হবে যা ব্যবহারকারীকে সমস্যাটি ব্যাখ্যা করে:

কিভাবে জাভাস্ক্রিপ্ট দিয়ে একটি সতর্কতা বক্স তৈরি করবেন

কিভাবে একটি সতর্কতা বাক্স তৈরি করবেন

আসুন উপরের স্ক্রিনশট থেকে সঠিক সতর্কতা বাক্সটি প্রতিলিপি করা যাক।

প্রথমে, ট্রিগার হিসাবে ব্যবহার করার জন্য একটি বোতাম উপাদান তৈরি করুন:

<button onclick="missingFieldWarningPopup()">Submit form</button>

এখন এই JavaScript ফাংশনটি আপনার .js এ যোগ করুন ফাইল:

function missingFieldWarningPopup() {
  alert("You forgot to fill out all the required input fields!")
}

কোডটিতে কী ঘটে: বোতাম উপাদানটিতে একটি onclick আছে একটি ক্লিক ইভেন্ট ট্রিগার হিসাবে বৈশিষ্ট্য. ব্যবহারকারী যখন বোতামে ক্লিক করেন, ক্লিক ইভেন্টটি missingFieldWarningPopup() কে কল করে ফাংশন, যা alert() পপ আপ করে প্রম্পট উইন্ডো এবং ভিতরে স্ট্রিং (টেক্সট) প্রদর্শন করে।

আপনি যদি জাভাস্ক্রিপ্ট ফাংশনটিকে ইনলাইন, হিসাবে যুক্ত করতে চান কোড, তারপর এটি <head> এর ভিতরে যোগ করুন আপনার HTML নথির উপাদান:

<script type="text/javascript">
  function missingFieldWarningPopup() {
    alert("You forgot to fill out all the required input fields!")
  }
</script>

উদাহরণ কোড।