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

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

হোম-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 গ্লোবাল-Global কনভার্শন-Conversion


 

জাভাস্ক্রিপ্টের কম্প্যারিজন এবং লজিক্যাল অপারেটর


true অথবা false যাচাই করার জন্য কম্প্যারিজন এবং লজিক্যাল অপারেটর ব্যবহার করা হয়।


কম্প্যারিজন অপারেটর

কম্প্যারিজন অপারেটর ভ্যারিয়েবল এবং ভ্যালুর মধ্যে সাদৃশ্য অথবা পার্থক্য নির্ধারন করার জন্য ব্যবহার করা হয়।

দেওয়া আছে x = 5, নিম্নোক্ত টেবিলে কম্প্যারিজন অপারেটর ব্যাখ্যা করা হয়েছেঃ

অপারেটর বর্ণনা তুলনা রিটার্ন করে
== সমান x == 8 false
x == 5 true
x == "5" true
=== একই ভ্যালু এবং একই টাইপ x === 5 true
x === "5" false
!= সমান নয় x != 8 true
!== ভ্যালু সমান নয় এবং টাইপ একই নয় x !== 5 false
x !== "5" true
x !== 8 true
> বড় x > 8 false
< ছোট x < 8 true
>= বড় অথবা সমান x >= 8 false
<= ছোট অথবা সমান x <= 8 true

যেভাবে ব্যবহার করবেন

কন্ডিশনাল স্টেটমেন্টে কম্প্যারিজন অপারেটর ব্যবহার করে ভ্যালুর তুলনা করা হয় এবং ফলাফলের উপর নির্ভর করে পরবর্তী কার্যক্রম নির্ধারন করা হয়ঃ

if (age < 18) text = "Too young";

কন্ডিশনাল স্টেটমেন্ট সম্পর্কে পরবর্তী পরিচ্ছেদে আরো শিখতে পারবেন।


লজিক্যাল অপারেটর

লজিক্যাল অপারেটর ভ্যারিয়েবল এবং ভ্যালুর মধ্যে লজিক নির্ধারন করে।

দেওয়া আছে x = 6 এবং y = 3, নিম্নোক্ত টেবিলে লজিক্যাল অপারেটর সম্পর্কে ব্যাখ্যা করা হয়েছেঃ

অপারেটর বর্ণনা উদাহরণ
&& এবং (x < 10 && y > 1) true রিটার্ন করে
|| অথবা (x == 5 || y == 5) false রিটার্ন করে
! না !(x == y) true রিটার্ন করে

কন্ডিশনাল(Ternary) অপারেটর

জাভাস্ক্রিপ্টে একটি কন্ডিশনাল অপারেটর রয়েছে যা শর্তের উপর ভিত্তি করে ভ্যারিয়েবলে ভ্যালু এসাইন করে।

গঠনপ্রণালী

variablename = (condition) ? value1:value2 

উদাহরণ

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

<h3> আপনার বয়স সাবমিট করুন এবং বাটনে ক্লিক করুন :</h3>

<input id="age" value="18" />

<button onclick="myFunc()">সাবমিট </button>

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

<script>
function myFunc() {
    var age, voteable;
    age = document.getElementById("age").value;
    voteable = (age < 18) ? " অপ্রাপ্ত  বয়স্ক ":"  প্রাপ্ত বয়স্ক";
    document.getElementById("test").innerHTML = voteable + " ভোট দেওয়ার জন্য";
}
</script>

</body>
</html>

ফলাফল



যদি ভ্যারিয়েবল age এর ভ্যালু 18 এর নিচে হয় তাহলে ভ্যারিয়েবলের ভ্যালু হবে "Can not drive" অন্যথায় ভ্যারিয়েবলের ভ্যালু হবে "Can drive" ।


বিভিন্ন টাইপের মধ্যে তুলনা

বিভিন্ন টাইপের ডাটার মধ্যে তুলনা করলে অপ্রত্যাশিত ফলাফল দেখাতে পারে।

স্ট্রিংকে একটি নম্বরের সাথে তুলনা করলে জাভাস্ক্রিপ্ট একটি স্ট্রিংকে নম্বরে রুপান্তর করে। এম্পটি স্ট্রিং 0 তে রুপান্তর হয়। একটি টেক্সট স্ট্রিং "NaN" এ রুপান্তর হয় যা সব সময় false হয়।

উদাহরণ ভ্যালু
2 < 12 true
2 < "12" true
2 < "Azizur" false
2 > "Rahman" false
2 == "Azizur" false
"2" < "12" false
"2" > "12" true
"2" == "12" false

যখন দুইটি স্ট্রিংকে তুলনা করা হয়, তখন "2" চেয়ে "12" ছোট হবে। কারন বর্ণানুক্রমে 2 এর চেয়ে 1 ছোট।

একটি সঠিক ফলাফলের জন্য, ভ্যারিয়েবলকে তুলনা করার আগে একটি সঠিক টাইপে রুপান্তর করতে হবেঃ

উদাহরণ

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

<h3> আপনার বয়স সাবমিট করুন এবং বাটনে ক্লিক করুন :</h3>

<input id="age" value="18" />

<button onclick="myFunc()">সাবমিট </button>

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

<script>
function myFunc() {
    var age, voteable;
    age = Number(document.getElementById("age").value);
    if(isNaN(age)){
        voteable = "ভুল ইনপুট";
    }else{
        voteable = (age < 18) ? " অপ্রাপ্ত  বয়স্ক ":"  প্রাপ্ত বয়স্ক";
    }
    document.getElementById("test").innerHTML = voteable;
}
</script>

</body>
</html>

ফলাফল




জাভাস্ক্রিপ্ট বিটওয়াইজ অপারেটর

বিট অপারেটর ৩2-বিট নম্বরে কাজ করে।

যেকোনো নিউমেরিক অপারেন্ডকে ৩2-বিট নম্বরে রুপান্তর হয়।

এই ফলাফল জাভাস্ক্রিপ্ট নম্বরে রুপান্তর হয়।

অপারটর বর্ণনা উদাহরণ এর মত ফলাফল ডেসিমাল
& AND x = 5 & 1 0101 & 0001 0001 1
| OR x = 5 | 1 0101 | 0001 0101 5
~ NOT x = ~ 5  ~0101 1010 10
^ XOR x = 5 ^ 1 0101 ^ 0001 0100 4
<< Left shift x = 5 << 1 0101 << 1 1010 10
>> Right shift x = 5 >> 1 0101 >> 1 0010 2

উপরের টেবিল ৪ বিট unsigned উদাহরণ ব্যবহার করেছে। কিন্তু জাভাস্ক্রিপ্ট ৩2-বিট নম্বর ব্যবহার করে।
এই কারনে জাভাস্ক্রিপ্ট, ~ ৫ কে 1০ রিটার্ন করে না এটি -৬ রিটার্ন করেঃ
~00000000000000000000000000000101 এর রিটার্ন হবে 11111111111111111111111111111010

উদাহরণ

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

<h3>বিটওয়াইজ  অপারেটর " & " দ্বারা AND  বিটওয়াইজকে বুঝায়  ।</h3>

<button onclick="myFunc()">সাবমিট </button>

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

<script>
function myFunc() {
    document.getElementById("test").innerHTML = 5 & 1;
}
</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>

<h3> বিটওয়াইজ  অপারেটর " | " দ্বারা  or বিটওয়াইজকে বুঝায়</h3>

<button onclick="myFunc()"> সাবমিট</button>

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

<script>
function myFunc() {
    document.getElementById("test").innerHTML = 5 | 1;
}
</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>

<h3>  বিটওয়াইজ    অপারেটর   " >> "   দ্বারা  right shift বিটওয়াইজকে বুঝায়  </h3>

<button onclick="myFunc()"> সাবমিট </button>

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

<script>
function myFunc() {
    document.getElementById("test").innerHTML = 5 >> 1;
}
</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>

<h3> left shift   অপারেটর দ্বারা    left shift  বিটওয়াইজ  কে বুঝায়  ।</h3>

<button onclick="myFunc()">  চেষ্টা  করি </button>

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

<script>
function myFunc() {
    document.getElementById("test").innerHTML = 5 << 1;
}
</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>

<h3>  বিটওয়াইজ অপারেটর " ~ " দ্বারা বিটওয়াইজ   NOT কে বুঝায় ।</h3>

<button onclick="myFunc()">সাবমিট</button>

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

<script>
function myFunc() {
    document.getElementById("test").innerHTML = ~ 5;
}
</script>
</body>
</html>

ফলাফল