জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
লগইন
×

জেএস টিউটোরিয়াল

হোম-HOME পরিচিতি-Introduction ব্যবহার-Uses গঠনপ্রণালী-Syntax আউটপুট-Output তথ্যের ধরণ-Data Type চলক-Variable স্টেটমেন্ট-Statement মন্তব্য-Comment অপারেটর-Operator গণিত-Arithmetic এসাইনমেন্ট-Assignment ফাংশন-Function অবজেক্ট-Object স্কোপ-Scope ইভেন্ট-Event ধরণ পরিবর্তন-Type Conversion রেগুলার এক্সপ্রেশন-RegExp ভুল-Error জেসন-JSON হয়েস্টিং-Hoisting

কন্ট্রোল স্টেটমেন্ট

বুলিয়ান-Boolean তুলনা-Comparison শর্তাবলী-Condition সুইচ-Switch ফর লুপ- For Loop হোয়াইল লুপ-While Loop ব্রেক-Break এবং কন্টিনিউ-continue

স্ট্রিং এবং অ্যারে

স্ট্রিং-String স্ট্রিং পদ্ধতি-String Method অ্যারে-Array অ্যারে পদ্ধতি -Array Method অ্যারে সর্ট-ArraySort

সংখ্যা, গণিত ও তারিখ

সংখ্যা-Number সংখ্যা পদ্ধতি-Number Method গণিত-Math তারিখ-Date তারিখ বিন্যাস-Date Format তারিখ পদ্ধতি-Date Method

জেএস ফাংশন-Function

ফাংশনের সংজ্ঞা-Definition ফাংশন প্যারামিটার-Parameter ফাংশনকে ডাকা-Invocation ফাংশন ক্লোজার-Closure

জেএস অবজেক্ট-Object

অবজেক্টের সংজ্ঞা-Definition অবজেক্ট প্রোপার্টি-Property অবজেক্ট মেথড-Method অবজেক্ট প্রোটোটাইপ-Prototype

জেএস ফর্ম-Form

ফর্ম বৈধকরণ-Validation ফর্ম এপিআই-API

জেএস এইচটিএমএল ডোম-DOM

ডোম(DOM) পরিচিতি ডোম মেথড-Method ডোম ডকুমেন্ট-Document ডোম এলিমেন্ট -Element ডোম এইচটিএমএল-HTML ডোম সিএসএস-CSS ডোম অ্যানিমেশন-Animation ডোম ঘটনা-Event ডোম ইভেন্টলিসেনার-EventListener ডোম নেভিগেশন-Navigation ডোম নোড-Node ডোম নোডতালিকা-Nodelist

জেএস ব্রাউজার বোম-BOM

উইন্ডো-Window স্ক্রিন-Screen লোকেশন-Location হিস্টোরি-History নেভিগেটর-Navigator পপআপ এলার্ট-Popup Alert টাইমিং-Timing কুকি-Cookie

জেএস রেফারেন্স

জাভাস্ক্রিপ্ট অবজেক্ট এইচটিএমএল ডোম অবজেক্ট অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date কনভার্শন-Conversion


 

জাভাস্ক্রিপ্ট গণিত(Arithmetic)


সংখ্যা সচারচর যোগ-বিয়োগ(arithmetic) করার জন্য ব্যবহার করা হয়।


জাভাস্ক্রিপ্ট গাণিতিক অপারেটর(Arithmetic Operator)

সংখ্যা(লিটারাল অথবা ভ্যারিয়েবল) যোগ-বিয়োগ করার জন্য জাভাস্ক্রিপ্টে গাণিতিক অপারেটর ব্যবহার করা হয়।

অপারেটর বর্ণনা
+ যোগ(Addition)
- বিয়োগ(Subtraction)
* গুণ(Multiplication)
/ ভাগ(Division)
% মডুলাস(Modulus)
++ এক করে বৃদ্ধি (Increment)
-- এক করে হ্রাস(Decrement)

গাণিতিক অপারেটর(Arithmetic Operation)

গাণিতিক অপারেটর সাধারণত দুইটি নাম্বারের হিসাব-নিকাশ করে।

সংখ্যা দুইটি লিটারাল হতে পারেঃ

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>একটি প্রতীকস্বরূপ গানিতিক ক্রিয়া দুইটি সংখ্যা নেয় এবং একটি নতুন সংখ্যা প্রকাশ করে।</h4>

<p id="test"></p>

<script>
var a = 25 + 40 + 13;
document.getElementById("test").innerHTML = a;
</script>

</body>
</html>

ফলাফল



অথবা ভ্যারিয়েবল হতে পারেঃ

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>একটি প্রতীকস্বরূপ গানিতিক ক্রিয়া দুইটি সংখ্যা নেয় এবং একটি নতুন সংখ্যা প্রকাশ করে।</h4>

<p id="test"></p>

<script>
var a = 25;
var b = 40;
var c = 13;
var d = a + b + c;
document.getElementById("test").innerHTML = d;
</script>

</body>
</html>

ফলাফল



অথবা এক্সপ্রেশন(expression) হতে পারেঃ

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>একটি প্রতীকস্বরূপ গানিতিক ক্রিয়া দুইটি সংখ্যা নেয় এবং একটি নতুন সংখ্যা প্রকাশ করে।</h4>

<p id="test"></p>

<script>
var a = 25;
var b = (12 - 2) * a;
document.getElementById("test").innerHTML = b;
</script>

</body>
</html>

ফলাফল




অপারেটর এবং অপারেন্ড(Operator and Operand)

গাণিতিক হিসাব-নিকাশে সংখ্যাকে বলা হয় অপারেন্ড

অপারেটর(operator) দুইটি অপারেন্ডের কার্য নির্ধারন করে।

অপারেন্ড অপারেটর অপারেন্ড
100 + 50

যোগ(+) অপারেটর সংখ্যার যোগ করেঃ

যোগ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>+ অপারেটর</h4>

<p id="test"></p>

<script>
var a = 25;
var b = 40;
var c = 13;
var d = a + b + c;
document.getElementById("test").innerHTML = d;
</script>

</body>
</html>

ফলাফল



বিয়োগ(-) অপারেটর সংখ্যার বিয়োগ করেঃ

বিয়োগ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>- অপারেটর</h4>

<p id="test"></p>

<script>
var a = 40;
var b = 13;
var c = a - b;
document.getElementById("test").innerHTML = c;
</script>

</body>
</html>

ফলাফল



গুণ(*) অপারেটর সংখ্যার গুণ করে

গুণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>* অপারেটর</h4>

<p id="test"></p>

<script>
var a = 40;
var b = 13;
var c = a * b;
document.getElementById("test").innerHTML = c;
</script>

</body>
</html>

ফলাফল



ভাগ(/) অপারেটর সংখ্যার ভাগ করেঃ

ভাগ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>/ অপারেটর</h4>

<p id="test"></p>

<script>
var a = 40;
var b = 10;
var c = a / b;
document.getElementById("test").innerHTML = c;
</script>

</body>
</html>

ফলাফল



ভাগশেষ(%) অপারেটরের মাধ্যমে ভাগশেষ পাওয়া যায়।

ভাগশেষ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>% অপারেটর</h4>

<p id="test"></p>

<script>
var a = 40;
var b = 13;
var c = a % b;
document.getElementById("test").innerHTML = c;
</script>

</body>
</html>

ফলাফল



বৃদ্ধি(++) অপারেটর সংখ্যাকে এক করে বৃদ্ধি করেঃ

বৃদ্ধি

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>++ অপারেটর</h4>

<p id="test"></p>

<script>
var a = 40;
a++;
var b = a;
document.getElementById("test").innerHTML = b;
</script>

</body>
</html>

ফলাফল



হ্রাস(--) অপারেটর সংখ্যার এক করে হ্রাস করেঃ

হ্রাস

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<h4>-- অপারেটর</h4>

<p id="test"></p>

<script>
var a = 40;
a--;
var b = a;
document.getElementById("test").innerHTML = b;
</script>

</body>
</html>

ফলাফল




অপারেটর অগ্রাধিকার

গাণিতিক এক্সপ্রেশনে বিভিন্ন অপারেটর(+, -, *, / % ) তাদের ক্রমানুসারে সংখ্যাকে অপারেট করে।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>যোগ করার আগে গুন করার উপর জোর দেওয়া হয়।</h4>

<p id="test"></p>

<script>
document.getElementById("test").innerHTML = 20 + 5 * 5;
</script>

</body>
</html>

ফলাফল



উপরের উদাহরণের ফলাফল কি 25 * 5 এর মত হবে নাকি 20 + 25 এর মত হবে?

যোগ এবং গুণের মধ্যে কোনটি আগে সংঘটিত হবে?

আমরা স্কুল যেমন গণিতে গুণের কাজ আগে করতাম, এখানেও তেমনি গুণের কাজ আগে হয়েছে।

যোগ(+) এবং বিয়োগ(-) এর তুলনায় গুণ(*) এবং ভাগের(/) অগ্রাধিকার বেশি।

স্কুলের মত এখানেও বন্ধনী(parentheses) ব্যবহার করে অপারেটরের অগ্রাধিকার পরিবর্তন করা যায়।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>যোগ করার আগে গুন করার উপর জোর দেওয়া হয়।</h4>
<h5>কিন্তু গুন করার আগে প্রথম বন্ধনীর কাজ করা  হয়।</h5>

<p id="test"></p>

<script>
document.getElementById("test").innerHTML = (14 + 16) * 3;
</script>

</body>
</html>

ফলাফল



বন্ধনী ব্যবহার করলে সবার আগে বন্ধনীর কাজ হয়

যখন অনেক অপারেশনের একই অগ্রাধিকার থাকে(যেমন - যোগ এবং বিয়োগ) তখন বাম দিক থেকে অপারেশন শুরু হয়ে ডান দিকে শেষ হয়ঃ

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h4>যখন অনেকগুলো সাধারন কাজ থাকে তখন তা বাম থেকে ডানের দিকে হিসেব করা হয়।</h4>

<p id="test"></p>

<script>
document.getElementById("test").innerHTML = 20 + 5 - 5;
</script>

</body>
</html>

ফলাফল




জাভাস্ক্রিপ্ট অপারেটর অগ্রাধিকারের মান

মান অপারেটর বর্ণনা উদাহরণ
১৯ ( ) এক্সপ্রেশন শ্রেণীবদ্ধকরণ (5 + 6)
       
১৮ . মেম্বার person.name
১৮ [] মেম্বার person["name"]
       
১৭ () ফাংশন কল myFunction()
১৭ new তৈরি করে new Date()
       
১৬ ++ পরে বৃ্দ্ধি করে i++
16 -- পরে হ্রাস করে i--
       
15 ++ আগে বৃ্দ্ধি করে ++i
15 -- আগে হ্রাস করে --i
15 ! লজিক্যাল না বুঝায় !(x==y)
১৫ typeof টাইপ typeof x
       
১৪ * গুণ ১০ * ৫
১৪ / ভাগ ১০ / ৫
14 % ভাগশেষ ১০ % ৫
14 ** বর্গ করে 10 ** 2
       
১৩ + যোগ ১০ + ৫
১৩ - বিয়োগ ১০ - ৫
       
১২ << বাম দিকে নেয়(Shift left) x << 2
১২ >> ডান দিকে নেয়(Shift right) x >> 2
       
১১ < ছোট x < y 
১১ <= ছোট অথবা সমান x <= y
11 > বড় x > y
11 >= বড় অথবা সমান x >= y
       
১০ == সমান x == y
১০ === একই মান এবং টাইপ x === y
১০ != সমান না x != y
১০ !== একই মান এবং টাইপ নয় x !== y
       
&& এবং x && y
|| অথবা x || y
       
= ভ্যালু জমা রাখা x = y
+= ভ্যালু জমা রাখা x += y
-= ভ্যালু জমা রাখা x -= y
*= ভ্যালু জমা রাখা x *= y
/= ভ্যালু জমা রাখা x /= y
Note লাল চিহ্নিত ঘরের অপারেটরটি পরীক্ষামূলক বুঝাতে ব্যবহার করা হয়েছে।