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

Sunday, March 8, 2020

JavaScript_part4_Javascript ফাইল ও ডায়নামিক Html Element তৈরি



ভেরিয়েবল   (Variable)
এই অংশে আমরা শিখব-
       ভেরিয়েবল কি
      ভেরিয়েবল কিভাবে লিখতে হয়
       ভেরিয়েবলে ভ্যালু  এ্যাসাইন করা

ভেরিয়েবল
মনে করুন আপনি বাজার করতে গেলেন, আপনি বাজার থেকে মাছ এবং চাল কিনবেন। কিন্তু আপনি মাছ এবং চাল কি একই প্যাকেটে রাখবেন? আপনি তা কখনই রাখবেন না, আলাদা আলাদা প্যাকেটে রাখবেন। তাই আপনার মাছ এবং চাল রাখার জন্য আলাদা আলাদা প্যাকেট লাগবে। এই প্যাকেটের প্রতিটির একট নাম থাকবে, যেমন মাছের জন্য মাছের প্যাকেট এবং চালের জন্য চালের প্যাকেট। এখানে মাছের প্যাকেট এবং চালের প্যাকেট-ই হল ভেরিয়েবল।

ভ্যারিয়েবল মূলত রান টাইমে তথ্য সংরক্ষণ করার ধারক।  ভ্যারিয়েবল হল ডাটাকে উপস্থাপন করার সিম্বলিক নাম। অন্যান্য প্রোগ্রামিং ল্যাগুয়েজের মত জাভাস্ক্রিপ্টে ভেরিয়েবল আছে। ভেরিয়েবল বাসত্মব সস্মত হওয়া উচিত যেমন Name, Roll, ইত্যাদি।
যদি আপনাকে বলা হয় X= ৭, Y= ৮, Z= Y х X তবে Z এর মান কত ?
আপনি Z= ৫৬ উত্তর বলতে হবে। এখানে Z, Y, X এগুলো আসলে ভেরিয়েবল X এর মান ৭, Y এর মান ৮, হলে Z এর মান কত। আর এই মান বা ভেলু ধারণ করার হল ভেরিয়েবল এর কাজ।

ভেরিয়েবল লেখার নিয়ম
1.                 এরা কেস সেনসেটিভ মানে name এবং Name এর মানে আলাদা আলাদা।
2.                ভেরিয়েবল সবসময় কোন একটি অ্যালফাবেটিক লেটার বা অক্ষর বা ($) সাইন বা (-) সাইন দ্বারা শুরু করতে হয়।
ডিক্লেয়ারিং জাভাস্ক্রিপ্ট ভেরিয়েবল
ভেরিয়েবলের উদ্দেশ্য হলো তথ্য বা ডাটাকে সংরক্ষণ করে রাখা এবং প্রয়োজন অনুসারে তা  ব্যবহার করা। জাভাস্ক্রিপ্ট ভেরিয়েবল ডিক্লেয়ার করতে প্রথমে Var কী ওয়ার্ড ব্যবহার করতে হয়। তবে এটা একামত্ম জরম্নরী বিষয় নয় যে আপনাকে Var ব্যবহার করতেই হবে তবে Var ব্যবহার করা ভাল।
ভেরিয়েবল ডিক্লেয়ার করার নিয়ম
Var  Variable Name

ভেরিয়েবলে ভ্যালু দেওয়া
ভেরিয়েবল ডিক্লেয়ার করার পর প্রয়োজন অনুযায়ী ভ্যালু অ্যাসাইন করতে হয়। এজন্য অ্যাসাইনমেন্ট অপারেটর ব্যবহার করতে হয়।
চলুন এখন একটি পূর্ণাঙ্গ উদাহরণ দেওয়া যাক
প্রোগ্রাম : ভেরিয়েবলের উদাহরন
১।         আপনার এডিটরে নিম্নোক্ত কোডগুলো লিখুন
২।       এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0012 নামে সেভ করেছি।
<html>
<head>
<title>Variable Example</title>
<head>
<body>
<script type="text/JavaScript">
var linebreak = "<br />"
var text = "This is a variable Example ";
document.write(text);
document.write(linebreak);
document.write(text);
</script>
</body>
</html>
ফলাফল :    এবার আপনার ব্রাউজারে program_0012.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
·         চিত্র: ভেরিয়েবলের উদাহরনের ফলাফল
ব্যাখ্যা:  উপরোক্ত উদাহরণে linebreak এবং text নামে ২টি ভেরিয়েবল ডিক্লেয়ার করা হয়েছে। linebreak এর মধ্যে <br/> ট্যাগ এবং text এর মধ্যে This is a variable Example অ্যাসাইন করা হলো এবং document.write(text) দ্বারা আউটপুটে আমাদের text টি এখন দেখা যাবে।
document.write(linebreak) দ্বারা আউটপুটে একটি লাইন ব্রেক দেয়া হল। তারপর পুনরায় আউটপুটে text টি প্রিন্ট বা লেখা হয়েছে। একই ভেরিয়েবল ব্যবহার করে বিভিন্ন ভ্যালু অ্যাসাইন করা হতে পারে।
প্রোগ্রাম : একই ভেরিয়েবল ব্যবহার করে বিভিন্ন ভ্যালু
১।        এডিটরে  নিম্নোক্ত কোডগুলো লিখুন।এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0013 নামে সেভ করেছি। 

<html>
<head>
<title>Variable Example</title>
<head>
<body>
<script type="text/JavaScript">
var linebreak = "<br />"
var text = "This is a variable Example "
document.write(text);
document.write(linebreak);
text = "Now New value assign in variable.";    // New Data Assign document.write(text);
document.write(linebreak);
text = "This is Last Line.";        // Again new Data Assign in text Variable
document.write(text);
document.write(text);
</script>
</body>
</html>
ফলাফলঃ ব্রাউজারে program_0013.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
·         চিত্র: ভেরিয়েবলের উদাহরনের ফলাফল
ব্যাখ্যাঃ   এক্ষেত্রে আমরা text ভেরিয়েবলে নতুন নতুন ডাটা অ্যাসাইন করেছি।
বিঃদ্রঃ  ভেরিয়েবল ডিক্লিয়ারের ডাটার নাম অনুসারে হলে প্রোগ্রাম বোঝা সুবিধাজনক। যখন কোন টেক্সট ভ্যালু অ্যাসাইন করতে হবে। ঐ টেক্সট ভ্যালুর দুই পাশে ( ‘‘ ’’ ) ইনভারটেড কমা দিতে হবে। নাম্বার ব্যবহার বা অ্যাসাইন করতে চাইলে ভ্যালুর দুই পাশে ( ‘‘ ’’ ) কমা দেবার প্রয়োজন নেই। ( ‘‘ ’’ ) কমা দিলে এটি টেক্সট হিসাবে গণ্য হবে।
যেমন:     x=3
            y=x+2

লোকাল ভেরিয়েবল:
যে ভেরিয়েবল জাভাস্ক্রিপ্ট ফাংশনের মধ্যে লেখা হয় এবং ভেরিয়েবলটি কেবল ঐ ফাংশনের মধ্যে ব্যবহারযোগ্য ডাকে লোকাল ভেরিয়েবল বলে।
একই নামের লোকাল ভেরিয়েবল বিভিন্ন ফাংশনে ব্যবহৃত হতে পারে। কারণ ভেরিয়েবলটি কেবল যে ফাংশনের মধ্যে লেখা হয়েছে সেই ফাংশনে ব্যবহৃত হবে। অন্য ফাংশন ভেরিয়েবলটি ব্যবহার করতে পারবে না।

গ্লোবাল ভেরিয়েবল:
যে ভেরিয়েবলে কোন ফাংশনের বাইরে ডিক্লেয়ার করা হয় সেটিই গ্লোবাল ভেরিয়েবল। গ্লোবাল ভেরিয়েবল, স্ক্রিপ্ট এর মধ্যে যে কোন ফাংশনে ব্যবহার করা যায।
এ সম্পর্কিত উদাহরণ আমরা ফাংশন অংশে শিখব।
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 ********************************************