জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্ট

এখন আমি জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্ট নিয়ে আলোচনা করবো । জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্ট ব্যবহার করে মূলত কিছু শর্তের ভিত্তিতে কাজ করা হয় । ওয়েবসাইটকে ডাইনামিক করতে জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্ট ব্যাপকভাবে ব্যবহৃত হয় ।

আপনাদের বুঝার সুবিধার্থে একটা উদাহরণ সম্পর্কে আলোচনা করি, কন্ডিশনাল স্টেটমেন্ট এর বিষয়টি হচ্ছে এরকম যে, যদি আজ বৃষ্টি না হয়, তাহলে আমরা ক্রিকেট খেলবো । এছাড়া, আপনার ইংরেজি ২য় পত্রে নিশ্চয় Conditional Sentence পড়েছেন । যেমন; First Conditional এ পড়েছেন; If+Present Indefinite+Future Indefinite.

এখানে, If এর পরের বাক্যটি Present Indefinite হলে এর পরের বাক্যটি Future Indefinite হবে । একইভাবে, জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্ট কিছু শর্ত মেনে কাজ করে ।

জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্টসমূহের মধ্যে রয়েছে;

  • If statement
  • If…else statement
  • If…else if…else statement
  • Switch statement

If statement: এখানে একটি নির্দিষ্ট কন্ডিশনাল লেখা হয় । যদি কন্ডিশনালটি সত্য হয় তাহলে কেবল জাভাস্ক্রিপ্ট কার্যকর হয় ।

If…else statement: দুইটি কন্ডিশনাল লেখা হয়, এখানে কন্ডিশনাল সত্য হলে একটি জাভাস্ক্রিপ্ট কার্যকর হয় এবং কন্ডিশনাল মিথ্যা হলে অন্য একটি কন্ডিশনাল কার্যকর হয় ।

If…else if…else statement: অসংখ্য কোড কন্ডিশনাল থেকে এক বা একাধিক নির্দিষ্ট কন্ডিশনাল কার্যকর করার জন্য এই স্টেটমেন্ট ব্যবহার করা হয় ।

Switch statement: অসংখ্য কোড কন্ডিশনাল থেকে একটি নির্দিষ্ট কন্ডিশনাল কার্যকর করার জন্য এই স্টেটমেন্ট ব্যবহার করা হয় । Switch statement এর কার্যপদ্ধতি অনেকটা If…else if…else statement এর মতই ।

এসব পড়ে হয়ত আপনারা তেমন কিছুই বুঝতে পারেননি । না বুঝলেও কোন সমস্যা নেই । কারন, আমি এখানে মূলত জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্ট এর বৈশিষ্ট্য নিয়ে আলোচনা করেছি মাত্র । এবার চলুন আমরা প্রতিটি ধাপ একে একে বিস্তারিত ভাবে বুঝে আলোচনা করি ।

If statement

এখানে একটি নির্দিষ্ট কন্ডিশনাল লেখা হয় । যদি কন্ডিশনালটি সত্য হয় তাহলে কেবল জাভাস্ক্রিপ্ট কার্যকর হয় । If statement এর গঠনটি হচ্ছে;

if(condition)
    {
        Code to be executed if condition is true
    }

if সবসময় Small letter এ লিখতে হবে ।

মনে করুন, আমি একটি শর্ত প্রয়োগ করবো যে, যদি আজ শনিবার হয়, তাহলে দেখাবে আজ সপ্তাহের প্রথম দিন । বিষয়টি আরও ভালোভাবে বুঝার জন্য নিচের কোডটুকু ব্রাউজারে রান করান;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title> JavaScript Tutorial </title>
</head>
<body>
    <script type="text/javascript">
    var day = "saturday";
    if (day == "saturday") {
    document.write("This is First day of a week");
    }
    </script>
</body>
</html>

If…else statement

দুইটি কন্ডিশনাল লেখা হয়, এখানে কন্ডিশনাল সত্য হলে একটি জাভাস্ক্রিপ্ট কার্যকর হয় এবং কন্ডিশনাল মিথ্যা হলে অন্য একটি কন্ডিশনাল কার্যকর হয় । If…statement এর গঠনটি হচ্ছে;

if(condition)
            {
            Code to be executed if condition is true
            }
        else
            (condition)
            {
            Code to be executed if condition is not true
            }

মনে করুন, আমি একটি শর্ত প্রয়োগ করবো যে, যদি আজ শনিবার হয়, তাহলে দেখাবে আজ সপ্তাহের প্রথম দিন আর যদি শনিবার না হয়ে রবিবার হয় তাহলে দেখাবে আজ সপ্তাহের প্রথম দিন নয় ।
বিষয়টি আরও ভালোভাবে বুঝার জন্য নিচের কোডটুকু ব্রাউজারে রান করান;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title> JavaScript Tutorial </title>
</head>
<body>
    <script type="text/javascript">
    var day = "monday";
    if (day == "saturday") {
    document.write("This is First day of a week");
    }
    else {
    document.write("This is not the first day of week");
    }
    </script>
</body>
</html>

If…else if…else statement

অসংখ্য কোড কন্ডিশনাল থেকে এক বা একাধিক নির্দিষ্ট কন্ডিশনাল কার্যকর করার জন্য এই স্টেটমেন্ট ব্যবহার করা হয় । If…else if…else statement এর গঠনটি হচ্ছে;

if(condition1)
            {
            Code to be executed if condition1 is true
            }
        else if(condition2)
            {
            Code to be executed if condition2 is true
            }
        else
            {
            Code to be executed if condition1 and condition2 are noot true
            }

বিষয়টি আরও ভালোভাবে বুঝার জন্য নিচের কোডটুকু ব্রাউজারে রান করান;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title> JavaScript Tutorial </title>
</head>
<body>
    <script type="text/javascript">
    var day = "saturday";
    if (day == "saturday") {
    document.write("This is First day of a week");
    }
    else if (day = "sunday") {
    document.write("This is second day of a week");
    }
    else if (day = "monday") {
    document.write("This is third day of a week");
    }
    else {
    document.write("This is fourth day of a week!");
    }
    </script>
</body>
</html>

Switch statement

অসংখ্য কোড কন্ডিশনাল থেকে একটি নির্দিষ্ট কন্ডিশনাল কার্যকর করার জন্য এই স্টেটমেন্ট ব্যবহার করা হয় । Switch statement এর কার্যপদ্ধতি অনেকটা If…else if…else statement এর মতই ।
Switch statement গঠন হচ্ছে;

switch(expression) {
    case n:
        code block
        break;
    case n:
        code block
        break;
    default:
        default code block
}

বিষয়টি আরও ভালোভাবে বুঝার জন্য নিচের কোডটুকু ব্রাউজারে রান করান;

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title> JavaScript Tutorial </title>
</head>
<body>
    <script type="text/javascript">
    var day = "sunday";
    switch (day)
    {
    case "saturday":
    document.write("This is First day of a week");
    break
    case "sunday":
    document.write("This is second day of a week");
    break
    default:
    document.write("This is third day of a week");
    }
    </script>
</body>
</html>

আশা করি বুঝতে পেরেছেন ।

Series Navigation<< জাভাস্ক্রিপ্ট অপারেটরজাভাস্ক্রিপ্ট লুপ >>

Leave a Reply

Your email address will not be published. Required fields are marked *