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

Saturday, March 7, 2020

JavaScript_part6_Conditional Statement ও Switch Case



Conditional Statement
এই অংশে আমরা জানব-
        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 করবে।
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 ********************************************