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

Sunday, March 8, 2020

JavaScript_part5_অপারেটর, Arithmetic Operator ও জাভাস্ক্রিপ্ট অ্যাসাইনমেন্ট অপারেটর




অপারেটর (Operator)
Operators হলো কোন বিশেষ ধরনের চিহ্ন বা শব্দ যা কম্পাইলারকে বিশেষ কোন গানিতিক বা লজিক্যাল কাজ করার নির্দেশ দেয়। অপারেটরের সাথে যে ভেরিয়েবল গুলো থাকে সেগুলিকে Operand বলে। যেমন দুইটি  ভেরিয়েবল যেমন A এবং B, যদি A+B লেখা হয় তবে কম্পাইলার AB কে যোগ করবে। সুতরাং এখানে পস্নাস সাইন (+) হচ্ছে Opertor এবং A এবং B হচ্ছে Operand.
জাভাস্ক্রিপ্ট-এ এ ধরনের অনেক গুলো Operator আছে। যেমন Arithmetic Operatior, Assignment Operator, Logical Operator, Relational Operator, Conditional Operator.
Arithmetic Operator
জাভাস্ক্রিপ্ট-এ মোট ৭টি arithmetic operators আছে।
Symbol
Operator
Purpose
+
Addition
২টি Operand কে যোগ করে
-
Subtraction
২টি Operand কে বিয়োগ করে
*
Multiplication
২টি Operand কে গুন করে
/
Division
২টি Operand কে ভাগ করে
% (modulo)
Remainder after division
২টি Operand কে ভাগ করার পর ভাগশেষ প্রদর্শন করে
+ +
Increment
Operand এর সাথে ১ যোগ করে
- -
Decrement
Operand এর সাথে ১ বিয়োগ করে।




 (+) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন    
২। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0014.html নামে সেভ করেছি
<html>
<head>
<title>+ Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=10;
var num2=15;
var Total= num1+num2;
document.write("Total =" + Total);
</script>
</body>
</html>
ফলাফল : ব্রাউজারে program_0014.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
·        চিত্র: (+) অপারেটরের উদাহরনের ফলাফল
ব্যাখ্যা: উপরোক্ত উদাহরণে দুটি ভেরিয়েবল num1, num2 তে যথাক্রমে 10, 15 ভ্যালু অ্যাসাইন করা হলো।এবার Total নামের ভেরিয়েবলে অ্যাসাইন করা হল num1, num2 এর যোগফল ।এখন document.write( ) ফাংশনের মধ্যে Total ভেরিয়েবলে যে ভ্যালু (num1+num2) আছে যা আউটপুটে দেখানো হল।

(-) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন    
২।  এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0015.htmlনামে সেভ করেছিএবার ফাইলটিকে  নামে সেভ করুন।
<html>
<head>
<title>- Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=10;
var Total= num1-num2;
document.write("Total =" + Total);
</script>
</body>
</html>

ফলাফল : ব্রাউজারে program_0015.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
ব্যাখ্যা: উপরোক্ত উদাহরণে দুটি ভেরিয়েবল num1, num2 তে যথাক্রমে 15, 10 ভ্যালু অ্যাসাইন করা হলো। এবার Total নামের ভেরিয়েবলে অ্যাসাইন করা হল num1, num2 এর যোগফল ।এখন document.write( ) ফাংশনের মধ্যে Total ভেরিয়েবলে যে ভ্যালু (num1-num2) আছে যা আউটপুটে দেখানো হল।
(*) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0016.htmlনামে সেভ করেছিএবার ফাইলটিকে  নামে সেভ করুন।
<html>
<head>
<title>* Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=10;
var Total= num1*num2;
document.write("Total =" + Total);
</script>
</body>
</html>
ফলাফল :           ব্রাউজারে program_0016.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
ব্যাখ্যা:  উপরোক্ত উদাহরণে দুটি ভেরিয়েবল num1, num2 তে যথাক্রমে 15, 10 ভ্যালু অ্যাসাইন করা হলো।এবার Total নামের ভেরিয়েবলে অ্যাসাইন করা হল num1, num2 এর যোগফল ।এখন document.write( ) ফাংশনের মধ্যে Total ভেরিয়েবলে যে ভ্যালু (num1*num2) আছে যা আউটপুটে দেখানো হল।
( % ) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0017.htmlনামে সেভ করেছিএবার ফাইলটিকে  নামে সেভ করুন।
<html>
<head>
<title>* Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=10;
var Total= num1%num2;
document.write("Total =" + Total);
</script>
</body>
</html>
ফলাফল :           ব্রাউজারে program_0017.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
ব্যাখ্যা:   উপরোক্ত উদাহরণে দুটি ভেরিয়েবল num1, num2 তে যথাক্রমে 10, 15 ভ্যালু অ্যাসাইন করা হলো। এবার Total নামের ভেরিয়েবলে অ্যাসাইন করা হল num1, num2 এর যোগফল ।এখন document.write( ) ফাংশনের মধ্যে Total ভেরিয়েবলে যে ভ্যালু (num1 % num2) আছে যা আউটপুটে দেখানো হল।
 ( ++ ) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0018.htmlনামে সেভ করেছি
<html>
<head>
<title>++ Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=++num1;
document.write("num2 =" + num2);
</script>
</body>
</html>
ফলাফল :           ব্রাউজারে program_0018.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
ব্যাখ্যা:  এখানে আমরা num1 ভেরিয়েবলের মধ্যে 15 অ্যাসাইন করে রাখলাম। num2 তে ++num1 এর ভ্যালু অ্যাসাইন করা মানে হল num2 তে num1 এর সাথে ১ যোগ করে অ্যাসাইন করা হয়।

( -- ) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0019.htmlনামে সেভ করেছি
<html>
<head>
<title>-- Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=--num1;
document.write("num2 =" + num2);
</script>
</body>
</html>
ফলাফল :           ব্রাউজারে program_0019.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
ব্যাখ্যা:   এখানে আমরা num1 ভেরিয়েবলের মধ্যে 15 অ্যাসাইন করে রাখলাম। num2 তে --num1 এর ভ্যালু অ্যাসাইন করা মানে হল num2 তে num1 এর সাথে ১ বিয়োগ করে অ্যাসাইন করা হয়।

জাভাস্ক্রিপ্ট অ্যাসাইনমেন্ট অপারেটর:
জাভাস্ক্রিপ্ট এ ইকুয়াল টু (=) সিম্বলকে assignment operator বলে । সাধারনত Arithmetic operator (+,-,*,/,%) এর সাথে assignment অপারেটর একত্রে যোগ হয়ে Arithmetic Assignment Operators তৈরী হয়। এগুলি হচ্ছে +=, -=, *=, /= এবং %= ।
অ্যাসাইনমেন্ট অপারেটর মূলত: ভেরিয়েবল ভ্যালু অ্যাসাইন করাকে বুঝায়। নিম্নের অ্যাসাইনমেন্ট অপারেটর এবং তার ইকুইভ্যালেন্ট বা সমান স্টেটমেন্ট দেয়া হল:

ক্রমিক
অপারেটর
উদাহরণ
ইকুইভেলেন্ট মান
1
=
x=y

2
+=
x+=y
x=x+y
3
-=
x-=y
x=x-y
4
*=
x*=y
x=x*y
5
/=
x/=y
x=x/y
6
%=
x%=y
x=x%

নিচে ধারাবাহিকভাবে উপরোক্ত অপারেটর ব্যবহার করে প্রোগ্রাম দেওয়া হল। আমাদের উদাহরণে আমরা num1 এবং num2 দুটি ভেরিয়েবলে যথাক্রমে 15 5 ভ্যালু অ্যাসাইন করছি।
var      num1=15
var      num2=5
এবার উক্ত ভেরিয়েবলে উপরোক্ত অপারেটরসমূহ ব্যবহার করব।

(+= ) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন।এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0020.htmlনামে সেভ করেছি
<html>
<head>
<title>+= Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=5;
num1+=num2;
document.write("Result =" +num1);
</script>
</body>
</html>
ব্রাউজারে program_0020.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।

(-= ) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0021.htmlনামে সেভ করেছি
<html>
<head>
<title>-= Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=5;
num1-=num2;
document.write("Result =" +num1);
</script>
</body>
</html>
ব্রাউজারে program_0021.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।

(*= ) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0022.htmlনামে সেভ করেছি
<html>
<head>
<title>*= Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=5;
num1*=num2;
document.write("Result =" +num1);
</script>
</body>
</html>
ফলাফল :           ব্রাউজারে program_0022.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
(/= ) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0023.html নামে সেভ  করেছি।
<html>
<head>
<title>+= Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=5;
num1/=num2;
document.write("Result =" +num1);
</script>
</body>
</html>
ফলাফল :           ব্রাউজারে program_0023.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।

(%= ) অপারেটরের উদাহরণ:
১। আপনার এডিটরে নিম্নোক্ত প্রোগ্রামটি লিখুন। এবার ফাইলটিকে কে একটি নির্দিষ্ট  নামে  সেভ করুন। আমরা এখানে program_0024.html  নামে সেভ  করেছি। 
<html>
<head>
<title>+= Oparetor Example</title>
<head>
<body>
<script type="text/JavaScript">
var num1=15;
var num2=5;
num1%=num2;
document.write("Result =" +num1);
</script>
</body> </html>
ফলাফল :           ব্রাউজারে program_0024.html ফাইলটি ওপেন করুন। নিম্নের চিত্রের মত ফলাফল দেখতে পাবেন।
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 ********************************************

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 ********************************************