জাভাস্ক্রিপ্ট টিউটোরিয়াল [পর্ব-০৪] :: জাভাস্ক্রিপ্ট ভেরিয়েবল

আসসালামু-আলাইকুম, আশা করি সকলেই ভাল আছেন? আমি আলহামদুলিল্লাহ্‌ ভালো আছি । আমি আজ জাভাস্ক্রিপ্টের চতুর্থ পর্ব নিয়ে আলোচনা করবো । জাভাস্ক্রিপ্টের তৃতীয় পর্বে কিভাবে কোড লিখবেন তা নিয়ে বিস্তারিত আলোচনা করা হয়েছিলো । আজকের আলোচনার বিষয় জাভাস্ক্রিপ্ট ভেরিয়েবল
জাভাস্ক্রিপ্ট ভেরিয়েবল জাভাস্ক্রিপ্ট এর জন্য অত্যন্ত গুরুত্বপূর্ণ একটি আলোচনা । সাধারণত জাভাস্ক্রিপ্ট কোনো মান সংরক্ষণের জন্য জাভাস্ক্রিপ্ট ভেরিয়েবল ব্যবহার করা হয় । আমরা বীজগণিতে পড়েছি (x=5), (y=6) এবং (z=x+y) ভেরিয়েবলের ক্ষেত্রে ব্যাপারটি একই রকম । ভেরিয়েবলকে একটি পাত্রের সাথে তুলনা করা হয় । প্রথমে ভেরিয়েবল এ কোন মান সংরক্ষন করা হয় । পরবর্তীতে, এই ভেরিয়েবল নিয়ে কাজ করা হয় ।
জাভাস্ক্রিপ্টের ভেরিয়েবল সাধারণত var শব্দটি দিয়ে শুরু করা হয় । এরপর ভেরিয়েবলের নাম এবং মান দেওয়া হয় । অর্থাৎ, একটি সাধারণ ভেরিবলের গঠন হবে;

var variable_name="value"

যেমন; var variable=12 হচ্ছে একটি ভেরিয়েবল এর নাম । তবে, জাভাস্ক্রিপ্ট ভেরিয়েবল এ var না লিখলেও চলে । যেমন; var variable=12 এর পরিবর্তে variable=12 লিখলেও হবে । ভেরিয়েবল নামকরণের বেশ কিছু নিয়ম-কানুন রয়েছে (নিচে এ সম্পর্কে আলোচনা করা হয়েছে ) যা ভেরিয়েবল নামকরণের ক্ষেত্রে মেনে চলতে হয় ।
এবার বিষয়টি আরও ভালোভাবে বুঝার জন্য চলুন একটা উদাহরণ দেখা যাক । প্রথমে নিচের কোডটুকু টেক্সট এডিটর এ লিখে এটাকে index.html নামে সেভ করুন;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title> JavaScript Variable </title>
</head>
<body>
	<script type="text/javascript">
		var name="Jihadur Rahman"
        document.write(name);
	</script>
</body>
</html>

এবার আপনি যদি ব্রাউজারে রান করান তাহলে ব্রাউজারে Jihadur Rahman লেখাটি প্রদর্শন হবে ।

*ভেরিয়েবলের মান লেখার সময় তা অবশ্যই Inverted Comma (“”) এর ভিতরে লিখবেন । লক্ষ্য করে দেখুন; var name="Jihadur Rahman" এ ভেরিয়েবলের মান Inverted Comma (“”) এর ভিতরে লেখা হয়েছে ।
তবে ভেরিয়েবলের মান যদি সংখ্যা হয় তবে Inverted Comma (“”) না দিলেও চলে ।
যেমন;

<script type="text/javascript">
		var year=2015
        document.write(year);
	</script>

এভাবে লিখলেও চলবে ।

ভেরিয়েবল নাম করণের নিয়মঃ

  • ভেরিয়েবল একটি বর্ণ অথবা একটি শব্দ হতে পারে । একাধিক শব্দ ব্যবহার করতে হলে _ (আন্ডারস্কোর) দ্বারা যুক্ত করতে হবে । ভেরিয়েল এর নামে কোন স্পেস থাকতে পারে না ।
  • ভেরিয়েবল এর নাম সংখ্যা দিয়ে শুরু হতে পারবেনা । যেমনঃ 5variable হতে পারবে না ।
  • কেবল সংখ্যা দিয়ে ভেরিয়েবল এর নাম হতে পারবেনা । যেমনঃ 123 ভেরিয়েবলের নাম হতে পারবে না ।
  • ভেরিয়েবল কেস-সেনসিটিভ । অর্থাৎ, Variable এবং variable দুটি আলাদা ভেরিয়েবল । তাই ভেরিয়েবল নামকরণের ক্ষেত্রে ছোট হাতের অক্ষর (Small Letter) এবং বড় হাতের অক্ষর (Capital Letter) এর প্রতি সতর্ক থাকতে হবে ।

কিছু সঠিক ভেরিয়েবলঃ

নিচে কিছু সঠিক ভেরিয়েবল এর নমুনা দেওয়া হল । এতে ভেরিয়েবল এর নাম কেমন হতে পারে সে সম্পর্কে ধারনা পাওয়া যাবেঃ

$a;
$variable;
$variablename;
$variable_name;
$variable_123456;
$variablenameexample;
$variable_name_example;

এবার আমরা আরেকটা উদাহরণ দেখবো । নিচের কোডটুকু লক্ষ্য করুন;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<script type="text/javascript">
		var name="Jihadur Rahman"
		document.write(name);
		document.write("<br />");
		var occupation="Student"
		document.write(occupation);
		document.write("<br />");
		var year=2015
		document.write(year);
	</script>
</body>
</html>

ব্রাউজারে কোডটুকু রান করালে নিচের মত প্রদর্শন হবে;
Jihadur Rahman
Student
2015

ব্যাখ্যাঃ

  • var name="Jihadur Rahman", var occupation="Student", var year=2015 এখানে প্রত্যেকটি একটি করে ভেরিয়েবল । অর্থাৎ, এখানে মোট তিনটি ভেরিয়েবল রয়েছে ।
  • document.write(name), document.write(occupation), document.write(year); দ্বারা ভেরিয়েবলসমূহকে ডিক্লেয়ার করা হয়েছে ।
  • document.write হচ্ছে একটি স্ট্যান্ডার্ড জাভাস্ক্রিপ্ট কমান্ড । এই কমান্ডটি জাভাস্ক্রিপ্ট এর আউটপুট প্রদর্শনের জন্য লেখা হয় ।
  • এখানে document.write("Hello World! "); হচ্ছে একটি জাভাস্ক্রিপ্ট স্টেটমেন্ট । প্রতিটি স্টেটমেন্ট লেখার পর একটি সেমিকোলন ব্যবহার করা হয়
  • প্রতিটি স্টেটমেন্ট সেমিকোলন (;) দ্বারা আলাদা করা হয়েছে ।

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

যেহেতু ভেরিয়েবল একটি গুরুত্বপূর্ণ আলোচনা, তাই আপনাদের বলছি যদি কোথাও বুঝতে কোন অসুবিধা হয় তাহলে কমেন্ট এ প্রশ্ন করুন । আমি এখানে ভেরিয়েবল নিয়ে আরও অনেক কিছু লিখতে পারবো । কিন্তু, অনেকেই ধৈর্য হারিয়ে ফেলবেন । মূলত, আমি নিজেই বেশি বড় লেখা পড়তে পারি না । আমি চাই আপনারা যেন প্রতিটি বিষয় ভালোভাবে বুঝে পরবর্তী টিউটোরিয়াল এ অগ্রসর হবেন । তাই, যদি কোন অংশ বুঝতে অসুবিধা হয় তাহলে আমাকে প্রশ্ন করুন । আর একটা কথা, যদি স্ক্রিনশট ছাড়া আপানাদের বুঝতে কোন অসুবিধা হয় আমাকে কমেন্ট এর মাধ্যমে জানাবেন । তাহলে পরবর্তী টিউটোরিয়াল এ স্ক্রিনশট দেওয়ার চেষ্টা করবো ।
পরবর্তী টিউটোরিয়াল খুব শীঘ্রই পেয়ে যাবেন - ইনশাল্লাহ্‌ । সে পর্যন্ত প্র্যাকটিস চালিয়ে যান । ধন্যবাদ সবাইকে টিউটোরিয়ালটি পড়ার জন্য ।
আপনার যদি কোন প্রশ্ন থাকে তাহলে নির্দ্বিধায় করতে পারেন । যদি টিউটোরিয়ালটি পড়ে আপনাদের ভাল লাগে তাহলে কমেন্ট করতে ভুলবেন না । যদি কোন ভুল থাকে আমাকে জানাবেন আমি সংশোধন করে নিব । ধন্যবাদ সবাইকে আমার আজকের টিউটোরিয়ালটি মনোযোগ দিয়ে পড়ার জন্য ।

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

Level 0

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


টিউনস


আরও টিউনস


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


টিউমেন্টস

ভাল হয়েছে , চালিয়ে যান ভাই !

ভালো লাগছে, আশা করি নিয়মিত থাকবেন। সত্যি কথা বলতে, ধারাবাহিকতা হারিয়ে ফেলে সব টিউনার। দেখি আপনি কতদূর নিয়ে যান আমাদের

আবারও ধন্যবাদ সুন্দর টিউন এর জন্য

Level 0

দারুণ হয়েছে bro 🙂

খুব সুন্দর হয়েছে