know yourselves. information, computer, 7 wonders, various.

Saturday, March 7, 2020

JavaScript_part8_Continue Statement, জাভাস্ক্রিপ্ট অ্যালার্ট বক্স ও প্রম্পট বক্স



Continue Statement
মূল কথা হল Continue স্টেটমেন্টটি বর্তমান লুপটিকে ছেড়ে পরবর্তী লুপ থেকে আবার একই রকম কাজ করতে থাকবে।
প্রোগ্রামঃ  Continue Statement ব্যবহার
১।        আপনার এডিটরে নিচের কোডিং এর মত করে প্রোগ্রাম লিখুন
২।   এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0033.html নামে সেভ করেছি
<html>
<head>
<title>While Example</title>
<script type="text/JavaScript">
function CalculateSum()
{
var number=document.getElementById("txtNumber").value;
number=parseInt(number);
var i;
var sum=0;
for(i=1;i<=number;i++)
{
if(i==5)
{
continue;
}
sum=sum+i;
}
alert(" The Summation of "+number+ " is = " +sum);
}
</script>
<head>
<body>
Input  Number: <input type="text" id="txtNumber" /><br />
<button onclick="CalculateSum();">OK</button>
</body>
</html>
ফলাফল :           ব্রাউজারে program_0033.html ফাইলটি ওপেন করুন। যে কোন ভ্যালু ইনপুট দিন।
ব্যাখ্যা:   প্রোগ্রামটি মূলত: ১ থেকে n পর্যন্তু যোগফলের প্রোগ্রাম। কিন্তু যত বারই আপনি যে কোন নাম্বার ইনপুট দিন না কেন মোট যোগফল থেকে 5 কম ফলাফল পাবেন। কারণ
if (i=5)
continue
}
এই স্টেটমেন্ট দ্বারা বুঝায় যে, 5তম লুপটি Cancel হবে আবার 6তম লুপ থেকে পুনরায় লুপ শুরু হবে।

জাভাস্ক্রিপ্ট পপ আপ বক্স
এই অংশে আমরা শিখব-
      জাভাস্ক্রিপ্ট অ্যালার্ট বক্স
       জাভাস্ক্রিপ্ট কনফার্ম বক্স
       জাভাস্ক্রিপ্ট প্রম্পট (Prompt) বক্স
জাভাস্ক্রিপ্ট  অ্যালার্ট (Alert) বক্স
জাভাস্ক্রিপ্ট আপনার ব্রাউজারে খুবই সহজে কোন Alert দিতে পারে । এক্ষেত্রে আপনাকে নিম্নের মত করে কোড  লিখতে হবে অর্থ্যাৎ Alert () ফাংশন ব্যবহার করতে হবে।
প্রোগ্রাম : Alert ()  উদাহরন
১।        আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন।এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0034.html নামে সেভ করেছি
<!DOCTYPE html>
<html>
<body>
<head>
<title>
Alert Example
</title>
<script type="text/javascript">
function DisplayAlert()
{
alert("Hellow this is Alert Box")
}
</script>
</head>
<body>
<button type="button" onclick="DisplayAlert()">Display Alert </button>
</body>
</html>
ফলাফল :    এবার আপনার ব্রাউজারে program_0034.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
ব্যাখ্যা: এখানে Alert ()  ফাংশনের মধ্যে আপনি যেকোন text value লিখতে পারেন যেটি Alert বক্সের  মাঝে দেখা যাবে। আমরা উপরোক্ত উদাহরনে একটি বাটন তৈরি করেছি এবং যার On click ইভেন্টে আমাদের Display Alert ()  নামের ফাংশনটি কল করা আছে। এর মানে  হল এই যে আপনি যখন Display Alert বাটনটিতে ক্লিক করবেন তখনই Alert দেখা যাবে।
এবার বাটনটিতে ক্লিক করম্নন নিমেণর চিত্রের মত Alert বক্স দেখা যাবে।
জাভাস্ক্রিপ্ট  অ্যালার্ট (Confirm) বক্স
যেকোন দুটো কাজের মধ্যে একটি করার জন্য Confirm () ব্যবহার করা হয়।

 Confirm ()  উদাহরন
১।        আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন
২।       এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0035.html নামে সেভ করেছি  এখানে দেখতে পাবেন যে Confirm () ফাংশনের মাঝে “Are you sure??” এ কথাটি লিখা আছে।
<!DOCTYPE html>
<html>
<body>
<head>
<title>
Javascript Confirm Box
</title>
<script type="text/javascript">
function DisplayConfirm()
{
confirm("Are You Sure??")
}
</script>
</head>
<body>
<button type="button" onclick="DisplayConfirm()">Display Confirm</button>
</body>
</html>
ফলাফল :    এবার আপনার ব্রাউজারে program_0035.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন। Display Confirm বাটনে ক্লিক করুন ।

এক্ষেত্রে ও Display বাটনের Onclick event Display Confirm ফাংশনটি কল করা আছে তাই Display Confirm বাটনে ক্লিক করলেই নিমেণর চিত্রের ন্যায় আউটপুট দেখতে পাবেন।
Confirm () মূলত দুটি ভ্যালু রিটান করে true বা false. ok বাটনে প্রেস করলে true হল নতুবা false হয়।চলুন নিচের প্রোগ্রামটি প্রাকটিস করা যাক

কনফার্ম বক্সের উদাহরণ:
১.        আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0036.html নামে সেভ করেছি
<html>
<head> 
<title>Confirm Box Example</title>
<script type="text/JavaScript">
function ConfirmTest()
{
 var Con_Check=confirm("Are you sure to Enter Our Site");
 if(Con_Check==true)
 {
 window.open('http://www.novacomputerbd.com');
 }
 else
 {
 alert("You did Not Enter");
 }
 }
</script>
<head>
<body>
<button onclick="ConfirmTest();">Click Me</button> </body> </html>
ফলাফল :    এবার আপনার ব্রাউজারে program_0036.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
৩.        এবার click me-তে ক্লিক করুন। দেখুন নিচের ছবির মত একটি কনফার্ম বক্স আসবে।
৪.        এবার আপনি OK বা Cancle বাটন প্রেস করুন।
OK বাটনে প্রেস করলে novacomputer লিংক ওপেন হবে কারণ জাভাস্ক্রিপ্ট ফাংশনটিতে con_check নামক একটি ভেরিয়েবল confirm( ) ফাংশনের রিটার্নকৃত ভ্যালু অ্যাসাইন করা হয়েছে। যেহেতু confirm( ) ফাংশন  true বা false রিটার্ন করবে। যদি OK বাটনে ক্লিক হয় তবে এটি true রিটার্ন করে। অন্যথায় false রিটার্ন করে। তাই, OK বাটনে ক্লিক করলে con_check ভেরিয়েবলে true অ্যাসাইন হবে। এবার if কন্ডিশন দ্বারা চেক করা হল এবং Windows Open ( ) ফাংশন ব্যবহার করে novacomputer.com এর লিংক ওপেন করা হল।WindowOpen( )  নতুন একটি উইন্ডো ওপেন করতে ব্যবহার করা হয়।
প্রম্পট (Prompt) বক্স
Prompt বক্স ব্যবহার করে আপনি যে কোন পেজ-এ প্রবেশের পূর্বে ভ্যালু ইনপুট দিতে পারেন।
যখন Prompt বক্স Pop-up হয় তখন ভ্যালু ইনপুট দিয়ে OK বা Cancel বাটনে ক্লিক করতে হয়। OK বাটনে ক্লিক করলে ঐ ভ্যালু নিয়ে কাজ করা যায় অর্থাৎ prompt বক্স ঐ ভ্যালু রিটার্ন করে।
আর Cancel বাটনে ক্লিক করলে prompt বক্স null রিটার্ন করে।
সিনট্যাক্স (Syntax)
prompt(“...” “default value”)

Confirm ()  উদাহরন

১.        আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0037.html নামে সেভ করেছি
<html>
<head>
<title>Prompt Box Example</title>
<script type="text/JavaScript">
function PromptTest()
{
var x;
var name=prompt("Please enter your name","Bappi");
if (name!=null)
  {
  x="Hello " + name + "!";
  document.getElementById("txtName").value=x;
  }
}
</script>
<head>
<body>
<input type="text" id="txtName">
<button onclick="PromptTest();">Click Me</button>
</body>
</html>
ফলাফল :    এবার আপনার ব্রাউজারে program_0037.html ফাইলটি ওপেন করুন।
২.        Click me বাটনে ক্লিক করুন এবঙ দেখতে পাবেন যে prompt বক্সটি prompt নামসহ পপআপ হয়েছে।
৩.        এবার আপনি আপনার নাম লিখে OK বাটনে ক্লিক করুন।
 text বক্সে  নিম্নোক্ত ফলাফল দেখুন।
Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

 cd

RELATED POST LINKS BELOW ********************************************