JavaScript_part6_Conditional Statement ও Switch Case
এই অংশে আমরা জানব-
If ....... কন্ডিশনাল স্টেটমেন্ট
if ....... Else
কন্ডিশনাল স্টেটমেন্ট
Else if কন্ডিশনাল স্টেটমেন্ট
Switch
Case কন্ডিশনাল স্টেটমেন্ট
Relational এবং Logical অপারেটর বোঝার জন্য if ..... else কন্ডিশনাল স্টেটমেন্ট ব্যবহার করে প্রোগ্রাম তৈরী করলে
সহজেই বোঝা যাবে। একজন প্রোগ্রামার দুই বা ততোধিক সিদ্ধামত্ম তুলনা করে একটি
সিদ্ধামত্ম নিয়ে থাকেন। যেমন - যদি বার্ষিক ছুটি গ্রীষ্মকালে হয়ে থাকে তবে আপনি
রাঙামাটি বেড়াতে যাবেন আর যদি শীতকালে হয়ে থাকে তবে কুয়াকাটা বেড়াতে যাবেন।
if দিয়ে তিনটি বেসিক Structure দাঁড় করানো যায়। যেমন If ....... , if ....... Else এবং Else if । প্রতিটি আলাদা গুরম্নত্ত্ব
বহন করে এবং বিভিন্ন ভাবে সাজিয়ে লেখা যায়। IF এবং ELSE উভয়ের পরেই একজোড়া Curly
braces ({ }) ব্যবহার করা হয়। এই Curly braces প্রোগ্রামে একটি Container হিসেবে ব্যবহৃত হয়ে থাকে।
IF ...... ELSE স্ট্রাকচারে দুইটি Condition উলেস্নখ থাকে, এক্ষেত্রে
যদি প্রথম কন্ডিশনটি সত্য হয় তবে সংযুক্ত কাজটি ঘটবে আর যদি প্রথমটি সত্য না হয়ে
দ্বিতীয়টি সত্য হয় তবে অন্য আর একটি কাজ ঘটবে। কিন্তু প্রথমটি সত্য হলে দ্বিতীয়
কন্ডিশনে প্রোগ্রাম না গিয়ে প্রথম কন্ডিশন পুরনের পর প্রোগ্রাম বন্ধ হয়ে যাবে।
যেমন বলা যায় - যদি
{বৃষ্টি হয় তবে
ভিজবো}
নতুবা
{গল্প করবো}
এক্ষেত্রে বৃষ্টি হলে আর গল্প করার অপশন থাকবে না। If এরপর Else ব্যবহার করলে প্রতিটি
ক্ষেত্রেই একজোড়া Curly
braces ব্যবহার করতে হয়।
আগেই বলেছি এক্ষেত্রে একটি কন্ডিশন এবং দুইটি Statement থাকে। কন্ডিশন সত্য হলে
প্রথম Statement ঘটবে নতুবা দ্বিতীয় Statement ঘটবে। IF ..... Else এর Structure হবে নিম্নরূপ :
if (condition = True/False)
{
Statement 1 (True)
}
else
{
Statement 2 (False )
}
সুতরাং কল্পনা করুন - if rain comes Then I will wet (finish) either
(else) I will gossip
যেহেতু রিলেশন এবং লজিক্যাল অপারেটরসমূহ কন্ডিশনাল স্টেটমেন্ট এর মাধ্যমে
ব্যবহার হয় ; সেহেতু আমরা রিলেশন, লজিক্যাল অপারেটর এবং কন্ডিশনাল স্টেটমেন্ট
তিনটি অংশ নিম্নোক্ত উদাহরণের মাধ্যমে বুঝাব।
if উদাহরণ
১। আপনার এডিটরে নিম্নোক্ত
প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0025.htmlনামে সেভ করেছি।
<html>
<head>
<title>Relational
Oparetor Example</title>
<head>
<body>
<script
type="text/JavaScript">
var marks=30;
if(marks>=40)
{
document.write("Your
Mark is =" +marks + " And You are Passed" );
}
else
{
document.write("Your
Mark is =" +marks + " And You are Failed");
}
</script>
</body>
</html>
ফলাফল : ব্রাউজারে program_0025.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল
দেখতে পাবেন।
ব্যাখ্যা: উপরোক্ত উদাহরণে আমরা প্রথমে marks=30 ধরে নিয়েছি।প্রথম শর্তে লেখা আছে, যদি marks 40 এর থেকে বড় বা
সমান হয় তবে, document.write(your
mark is =+ mark + “and you are passed”) আর যদি তা না হয়, অর্থ্যাৎ 40
এর থেকে কম হয় তবে, document.write(your mark is =+ mark + “and you are failed”)
এখন আপনি Marks এর অ্যাসাইন করা ভেলু আপনার ইচ্ছামত পরিবর্তন
যেমন: 50, 60, 20 ইত্যাদি করে দেখুন। ফলাফলের পরিবর্তন এবং
প্রোগ্রামটি বোঝার চেষ্টা করুন।
if......else..........else if উদাহরণ
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন
২। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0026.htmlনামে সেভ করেছি।
[বুঝে বুঝে নিচের প্রোগ্রামটি আপনার নোটপ্যাডে লিখুন]
<html>
<head>
<title>Relational
Oparetor Example</title>
<script
type="text/JavaScript">
function
CalculateGrade()
{
var
marks=document.getElementById("txtMarks").value;
if (marks>=0 && marks<40)
{
alert("Your
Mark is =" +marks + " And You are Failed");
}
else
if(marks>=40 && marks<50)
{
alert("Your
Mark is =" +marks + " And Your Grade is D" );
}
else
if (marks>=50 &&
marks<60)
{
alert("Your
Mark is =" +marks + " And Your Grade is C");
}
else
if (marks>=60 && marks<70)
{
alert("Your
Mark is =" +marks + " And Your Grade is B");
}
else
if (marks>=70 &&
marks<80)
{
alert("Your
Mark is =" +marks + " And Your Grade is A");
}
else
if (marks>=80 &&
marks<=100)
{
alert("Your
Mark is =" +marks + " And Your Grade is A+");
}
else
{
alert("Sorry!!!!!You
Have Entered Greater than 100 Marks");
}
}
</script>
<head>
<body>
Input Your
Marks: <input type="text" id="txtMarks" /><br
/>
<button
onclick="CalculateGrade();">OK</button>
</body>
</html>
১। ব্রাউজারে program_0026.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল
দেখতে পাবেন।
উপরোক্ত উদাহরণে আমরা if......else..........else
if এবং >
= ও <
= অপারেটর ব্যবহার করছি।
এখানে গ্রেড ক্যালকুলেশনের একটি প্রোগ্রাম দেওয়া হল:
ব্যাখ্যা: আপনি html ফরমের input বক্সে যে input দিবেন সেটির মান javascript ফাংশন। নিম্নোক্ত document.getelementById(txtmarks).value
দ্বারা পাওয়া যাবে। “txtmarks” হল textbox টির id ; আর একে আমরা marks নামক ভেরিয়েবলের মধ্যে
অ্যাসাইন করলাম। এখন if......else ব্যবহার করে Grade এর কন্ডিশন চেক করব। মনে
মনে Grade টা ক্যালকুলেট করুন, এভাবে যদি মার্ক 0 এর থেকে বড় হয় এবং 40 এর চেয়ে ছোট হয় তবে F গ্রেড। যদি (else if) 40 থ থেকে বড় এবং 50 থেকে ছোট হয় তবে D গ্রেড।
Switch Case
যদি কখনও অনেকগুলো If ব্যবহার করার প্রয়োজন হয়, সেÿÿত্রে
If ব্যবহার না করে Switch Case ব্যবহার করা উত্তম। কোন দিন কোন বার এরূপ একটি প্রোগ্রাম দেখব সেজন্য Switch Case ব্যবহার করব।
১। নিচের মত করে প্রোগ্রামটি লিখুন।
<html>
<head>
<title>Switch
Case Example</title>
<script
type="text/JavaScript">
function
CalculateDay()
{
var
day=document.getElementById("txtDay").value;
day=parseInt(day); // to Convert day into integer Value
switch
(day)
{
case 1:
x="Today it's SaturDay";
break;
case 2:
x="Today it's SunDay";
break;
case 3:
x="Today it's MonDay";
break;
case 4:
x="Today it's TuesDay";
break;
case 5:
x="Today it's WendsDay";
break;
case 6:
x="Today it's ThirsDay";
break;
case 6:
x="Today it's FriDay";
break;
default:
x="Input Number 1 to 7";}
alert(x);
}
</script>
<head>
<body>
Input Day
Number: <input type="text" id="txtDay" /><br />
<button
onclick="CalculateDay();">OK</button>
</body>
</html>
২। এবার ফাইলটিকে কে একটি নির্দিষ্ট নামে সেভ করুন। আমরা এখানে program_0027.htmlনামে সেভ করেছি।
৩। ব্রাউজারের প্রোগ্রামটি ওপেন
করুন এবং টেক্সট বক্সে যে কোন Number দিন।
৪। এবার OK বাটনে ক্লিক করুন, নিম্নের চিত্রের মত ফলাফল
দেখতে পাবেন।
ব্যাখ্যা: পূর্বের ন্যায় আমরা ইনপুট দেওয়া ভ্যালুকে
জাভাস্ক্রিপ্টের ভেরিয়েবল day-তে অ্যাসাইন করলাম। যেহেতু day এর টাইপ এখানে integer বা বর্ণসংখ্যা নয়, তাই একে আমরা পূর্ণ সংখ্যায়
রূপামত্মর করলাম। এভাবে parseInt(day)
পুনরায় রূপামত্মর করা ভ্যালু day-তে অ্যাসাইন করলাম।
day=parseInt(day)
এই রূপামতরের কারণ হল Case1,
Case2 এখানে 1, 2 পূর্ণ সংখ্যা।
এবার যে ভ্যালু আপনি টেক্সট বক্সে ইনপুট দিবেন, জাভাস্ক্রিপ্ট আপনাকে Switch করে সেই স্টেপ/Case নিয়ে যাবে। ঐ Case এর কাজ শেষ হবার পর break কী ওয়ার্কের মাধ্যমে প্রোগ্রাম Execute বন্ধ হবে। যদি ইনপুটকৃত
ভ্যালু কোন Case এর সাথে না মিলে তবে তা Default এর বস্নক Execute করবে।
Book Name: Mastering Microsoft Word
RELATED POST LINKS BELOW ********************************************
বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।
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...