TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে সতর্কতা, প্রম্পট, কনফার্ম ডায়ালগ বক্স তৈরি করবেন?

2

জাভাস্ক্রিপ্ট ব্যবহার করে অ্যালার্ট ডায়ালগ বক্স তৈরি করুন

সতর্কতা ডায়ালগ বক্স হল একটি পপ-আপ উইন্ডো যা ব্রাউজারে শুধুমাত্র একটি "ওকে" বোতাম দিয়ে ব্যবহারকারীদের একটি খুব ছোট বার্তা জানিয়ে দেয়। সতর্কতা বাক্সটি একটি সতর্ক বার্তা বা একটি তথ্য বার্তা প্রদর্শন করতে ব্যবহার করা হবে।

  • সাইট লোড হলে ব্যবহারকারীর জন্য একটি স্বাগত বার্তা
  • একটি অবৈধ ফলাফলের বৈধতা ফলাফল
  • সাইট ডাউন টাইম বা রক্ষণাবেক্ষণের সময় সম্পর্কিত একটি তথ্য।

এখানে আমরা উদাহরণ কোড সহ জাভাস্ক্রিপ্ট ব্যবহার করে সতর্ক পপআপ বক্স কিভাবে তৈরি করব তা নিয়ে আলোচনা করি। বুটস্ট্র্যাপ 4 এ সতর্কতা তৈরির বিষয়ে আরও জানুন ।

কিভাবে এটা কাজ করে?

জাভাস্ক্রিপ্ট সতর্কতা() ফাংশনটি চালু হয় যখন একটি পৃষ্ঠায় একটি স্ক্রিপ্ট চালু করা হয় যা একটি পপআপ সতর্কতা বাক্সে স্ট্রিং যুক্তি প্রদর্শন করবে। সতর্কতা বাক্সের উত্তর না দেওয়া পর্যন্ত ব্রাউজার ওয়েবপেজ লোড করা চালিয়ে যাবে না।

বাক্য গঠন

alert("Your Message Here");

উদাহরণ

নীচে জাভাস্ক্রিপ্টে একটি সতর্কতা বাক্সের একটি উদাহরণ কোড রয়েছে। এই বাক্সটি পপ আপ হবে যখন পৃষ্ঠাটি একটি স্বাগত বাক্স হিসাবে লোড হবে এবং এতে "ওকে" বোতামে ক্লিক করার বা গুগল ক্রোমের মতো ব্রাউজারে ডায়ালগ বক্স বন্ধ করার বিকল্প থাকবে। যত তাড়াতাড়ি ব্যবহারকারী "ঠিক আছে" (বা বন্ধ) ক্লিক করে একটি ছবি লোড করা হবে। একটি সতর্ক বাক্সে সাড়া না দেওয়া পর্যন্ত ব্রাউজারটি পৃষ্ঠার প্রক্রিয়াকরণ বন্ধ করবে।

<HTML> <HEAD> <TITLE>ALERT BOX EXAMPLE</TITLE> </HEAD> <BODY> <SCRIPT Language="JavaScript"> alert("Welcome to Our Website!!!"); document.write('<IMG SRC=""/>'); </SCRIPT> </BODY> </HTML>

ক্রোম ব্রাউজারে একটি সতর্ক বাক্সের ছবি নিচে দেওয়া হল যখন উপরের কোডটি কার্যকর করা হবে।

কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে সতর্কতা, প্রম্পট, কনফার্ম ডায়ালগ বক্স তৈরি করবেন?

গুগল ক্রোমে জাভাস্ক্রিপ্ট অ্যালার্ট বক্স

জাভাস্ক্রিপ্ট ব্যবহার করে প্রম্পট ডায়ালগ বক্স তৈরি করুন

প্রম্পট ডায়ালগ বক্স ব্যবহারকারীর ইনপুটের উপর ভিত্তি করে একটি ওয়েবপেজে কাস্টমাইজড আউটপুট প্রদর্শন করতে ব্যবহৃত হয়। একটি সতর্কতা বাক্সের বিপরীতে যা একটি "ওকে" বোতামের সাহায্যে একটি সংক্ষিপ্ত বার্তা প্রদর্শন করতে ব্যবহৃত হয়, প্রম্পট বক্সে নিম্নলিখিত বৈশিষ্ট্য রয়েছে:

  • বাক্সে একটি পূর্বনির্ধারিত বার্তা প্রদর্শন করুন
  • ব্যবহারকারী পাঠ্য বাক্সে একটি ইনপুট লিখতে পারেন
  • ব্যবহারকারীর ইনপুট স্ক্রিপ্টে ফেরত পাঠানো হয়
  • প্রম্পট বক্সে দুটি বোতাম আছে "ঠিক আছে" এবং "বাতিল করুন"

কিভাবে এটা কাজ করে?

প্রম্পট বক্স ব্যবহারকারীর কাছ থেকে সাড়া না পাওয়া পর্যন্ত ওয়েবপেজ লোড করা বন্ধ করে দেয়। এর জন্য নিম্নলিখিত দুটি সেট তথ্যের প্রয়োজন:

  • প্রম্পট বক্সে একটি বার্তা প্রদর্শিত হবে
  • পাঠ্য বাক্সে প্রদর্শিত ডিফল্ট পাঠ্য – এটি alচ্ছিক; আপনি ডিফল্ট পাঠ্য ফাঁকা রাখতে পারেন
  • যখন "ঠিক আছে" বোতামটি ক্লিক করা হয় তখন বাক্সে প্রবেশ করা পাঠ্যটি স্ক্রিপ্টে প্রেরণ করা হয়
  • যখন "বাতিল করুন" বোতামটি ক্লিক করা হয় তখন শূন্য মান স্ক্রিপ্টে ফিরে যায়

বাক্য গঠন

prompt ("Message", "Default Value");

উদাহরণ

prompt ("What is the color you like?", "Green");

জাভাস্ক্রিপ্ট ব্যবহার করে প্রম্পট ডায়ালগ বক্স তৈরির ব্যবহারিক উদাহরণ

প্রম্পট বক্সটি অনেক ব্যবহারিক পরিস্থিতিতে ব্যবহার করা যেতে পারে এবং এর একটি উদাহরণ হল ব্যবহারকারীকে নামের সাথে শুভেচ্ছা জানানো। পৃষ্ঠাটি লোড হওয়ার সময় নিচের কোডটি ব্যবহারকারীর নাম জিজ্ঞাসা করবে এবং তারপর ব্রাউজারে প্রদর্শনের জন্য শুভেচ্ছা বার্তার সাথে নাম যুক্ত করবে।

<HTML> <HEAD> <TITLE>PROMPT BOX EXAMPLE</TITLE> </HEAD> <BODY> <SCRIPT Language="JavaScript"> document.write("<h1>Greetings</h1>"); document.write(prompt("Enter Your Name: ", "Name")); document.write(" Welcome to Our Site!</h1>"); </SCRIPT> </BODY> </HTML>

এটা দেখতে কেমন?

ক্রোম ব্রাউজারে একটি প্রম্পট বক্সের ছবি নিচে দেওয়া হল যখন উপরের কোডটি কার্যকর করা হবে।

কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে সতর্কতা, প্রম্পট, কনফার্ম ডায়ালগ বক্স তৈরি করবেন?

গুগল ক্রোমে জাভাস্ক্রিপ্ট প্রম্পট বক্স

যখন ব্যবহারকারী নাম প্রবেশ করে এবং "ঠিক আছে" বোতাম টিপুন তখন নামটি স্ক্রিপ্টে প্রেরণ করা হয় এবং ডকুমেন্ট.রাইট ফাংশন অনুসারে সমস্ত বার্তা প্রদর্শিত হয়। ইনপুট বক্সে ফাঁকা স্থান জাভাস্ক্রিপ্ট প্রম্পট বক্স দ্বারা একটি বৈধ নাম হিসাবে বিবেচিত হয়।

ব্যবহারকারীর নাম সহ প্রম্পট বক্স প্রদর্শন

যখন ব্যবহারকারী "বাতিল" বোতামে ক্লিক করেন তখন শূন্য মান পাস হয় এবং নামের পরিবর্তে ব্রাউজারে দেখানো হয়।

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

জাভাস্ক্রিপ্ট ব্যবহার করে কনফার্ম ডায়ালগ বক্স তৈরি করুন

এটি একটি তৃতীয় প্রকারের ডায়ালগ বক্স যা জাভাস্ক্রিপ্টে প্রম্পট এবং অ্যালার্ট বক্স ছাড়াও প্রদান করা হয়। এই বিভাগটি ব্যাখ্যা করে যে কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে কনফার্ম ডায়ালগ বক্স তৈরি করতে হয় যা ব্যবহারকারীর গৃহীত পদক্ষেপ নিশ্চিত করতে ব্যবহৃত হয়।

নিশ্চিত করুন ডায়ালগ বক্সে নিম্নলিখিত বৈশিষ্ট্য রয়েছে:

  • বাক্সে একটি পূর্বনির্ধারিত বার্তা প্রদর্শিত হবে
  • দুটি বোতাম – ঠিক আছে এবং বাতিল করুন

কিভাবে এটা কাজ করে?

অন্যান্য ডায়ালগ বক্সের মতো কনফার্ম বক্সও ব্যবহারকারীর প্রতিক্রিয়া না পাওয়া পর্যন্ত এক্সিকিউশন বন্ধ করে দেয়। ব্যবহারকারীর ক্রিয়া হয় ঠিক আছে অথবা বাতিল।

  • ওকে বোতাম টিপলে সত্য মান কলিং প্রোগ্রামে প্রেরণ করা হয়
  • বাতিল বোতাম টিপলে কলিং প্রোগ্রামে মিথ্যা মান দেওয়া হয়

বাক্য গঠন

confirm ("Message");

উদাহরণ

confirm ("Do you want to close this window?");

ব্যবহারিক উদাহরণ

নিম্নলিখিত জাভাস্ক্রিপ্ট কোড ব্যবহারকারীকে একটি প্রশ্ন জিজ্ঞাসা করার জন্য প্রম্পট পদ্ধতি ব্যবহার করে। উত্তরটি সঠিক বা ভুল তা দেখানোর জন্য একটি নিশ্চিত বাক্স প্রদর্শিত হয়।

<HTML> <HEAD> <TITLE>CONFIRM BOX EXAMPLE</TITLE> </HEAD> <BODY> <SCRIPT Language="JavaScript"> var q = "What is 5+5?"; var a = 10; var c = "<h2>You are a Genius</h2>"; var ic = "<h2>Reload to Try Again</h2>"; var response = prompt(q,"0"); if (response != a) { alert("Wrong, Better Luck Next Time!!!"); } else { alert("Correct! Well done!!!"); } var o = (response == a)? c: ic; document.write("<BR/>"); document.write(o); </SCRIPT> </BODY> </HTML>

এটা দেখতে কেমন?

ক্রোম ব্রাউজারে একটি প্রম্পট বক্সের ছবি নিচে দেওয়া হল যখন উপরের কোডটি কার্যকর করা হয় এবং প্রম্পট টেক্সট বক্সে প্রদত্ত উত্তরের সঠিকতার উপর ভিত্তি করে কনফার্ম বক্স প্রদর্শিত হয়।

কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে সতর্কতা, প্রম্পট, কনফার্ম ডায়ালগ বক্স তৈরি করবেন?

জাভাস্ক্রিপ্ট সঠিক উত্তর নিশ্চিত করছে

কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে সতর্কতা, প্রম্পট, কনফার্ম ডায়ালগ বক্স তৈরি করবেন?

ভুল উত্তর নিশ্চিত করা জাভাস্ক্রিপ্ট

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত