Awesome! টিউনস
সকল Awesome! টিউনস

জাভাস্ক্রিপ্ট টিউটোরিয়াল [পর্ব-০৬] :: জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্ট

1,459 দেখা 4 টিউমেন্টস জোসস
টিউন বিভাগ জাভাস্ক্রিট
প্রকাশিত
Level 0

51 টিউনস 194 টিউমেন্টস 0 ফলোয়ার

আসসালামু-আলাইকুম, আশা করি সকলেই ভাল আছেন? আমি আলহামদুলিল্লাহ্‌ ভাল আছি । আমি আজ জাভাস্ক্রিপ্টের ষষ্ঠ পর্ব নিয়ে আলোচনা করবো । জাভাস্ক্রিপ্ট এর অপারেটর নিয়ে বিস্তারিত আলোচনা করা হয়েছিলো । আজ আমি আলোচনা করবো জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্ট নিয়ে ।

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

আপনাদের বুঝার সুবিধার্থে একটা উদাহরণ সম্পর্কে আলোচনা করি, কন্ডিশনাল স্টেটমেন্ট এর বিষয়টি হচ্ছে এরকম যে, যদি আজ বৃষ্টি না হয়, তাহলে আমরা ক্রিকেট খেলবো । এছাড়া, আপনার ইংরেজি ২য় পত্রে নিশ্চয় 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></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></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></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></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>

*জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্টটি একটি বেশি করে প্র্যাকটিস করবেন । কেননা, কন্ডিশনাল স্টেটমেন্ট জাভাস্ক্রিপ্ট এর জন্য খুবই গুরুত্বপূর্ণ ।
আজ এখানেই শেষ করছি । না বুঝলে দয়া করে কমেন্টের মাধ্যমে জানাবেন ।

আমাকে ফেইসবুক এ পেতে এখানে ক্লিক করুন ।

ভাল থাকুন সবাই । আল্লাহ্‌ হাফেজ ।

Level 0

আমি জিহাদুর রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 194 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

টিউনস

আরও টিউনস

টিউনারের আরও টিউনস

টিউমেন্টস

Level 0

টিউনের জন্য ধন্যবাদ!

Level 0

ভালো