জাভাস্ক্রিপ্ট কোডকে ব্যাখ্যা করার জন্য এবং অধিক পাঠযোগ্য করে তোলার জন্য জাভাস্ক্রিপ্ট কমেন্ট ব্যবহার করা হয়।
কোডকে সম্পাদন থেকে বিরত রাখার জন্যও জাভাস্ক্রিপ্ট কমেন্ট ব্যবহার করা হয়। বিশেষ করে বিকল্প কোনো কোডকে টেস্ট করার সময় কমেন্ট ব্যবহার করা হয়।
এক লাইনের কমেন্ট
এক লাইনের কমেন্ট // দিয়ে শুরু হয়।
// এর পরে যেকোন ধরণের টেক্সট কে জাভাস্ক্রিপ্ট এড়িয়ে চলে।
নিচের উদাহরণে কোডকে ব্যাখ্যা করার জন্য প্রতি লাইনের আগে এক লাইনের কমেন্ট করা হয়েছে।
উদাহরণ
<!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 id="header"></h3>
<p id="para"></p>
<script>
// হেডিং পরিবর্তন হবে
document.getElementById("header").innerHTML = "প্রথম পেজ";
// প্যারাগ্রাফ পরিবর্তন হবে
document.getElementById("para").innerHTML = "প্রথম অনুচ্ছেদ";
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</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>
<p id="test"></p>
<script>
var a = 10; // a কে চলক ঘোষণা করে এর মান 10 দেওয়া হয়েছে
var b = a + 5; // b কে চলক ঘোষণা করে এর মান a + 5 দেওয়া হয়েছে
document.getElementById("test").innerHTML = b; // b এর মান test তে লেখা হলো
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</bodb>
</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 id="header"></h3>
<p id="para"></p>
<script>
/*
এই কোডগুলো এইচটিএমএল ওয়েব পেজের
id = "header" এর হেডিং এবং
id = "para" এর প্যারাগ্রাফ পরিবর্তন করে
*/
document.getElementById("header").innerHTML = "প্রথম পেজ";
document.getElementById("para").innerHTML = "প্রথম অনুচ্ছেদ";
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</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 id="header"></h3>
<p id="para"></p>
<script>
//document.getElementById("header").innerHTML = "প্রথম পেজ";
document.getElementById("para").innerHTML = "প্রথম অনুচ্ছেদ";
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</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 id="header"></h3>
<p id="para"></p>
<script>
/*
document.getElementById("header").innerHTML = "প্রথম পেজ";
document.getElementById("para").innerHTML = "প্রথম অনুচ্ছেদ";
*/
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</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>
<h5>a = 10, b = 5,হিসাব করুন c = a + b, এবং c এর মান প্রদর্শন করান।</h5>
<p id="test"></p>
<script>
var a = 10;
var b = 5;
var c = a + b;
document.getElementById("test").innerHTML = c;
</script>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট গাণিতিক অপারেটর
সংখ্যার যোগ-বিয়োগ করার জন্য জাভাস্ক্রিপ্টে গাণিতিক অপারেটর ব্যবহার করা হয়ঃ
| অপারেটর | বর্ণনা |
|---|---|
| + | যোগ(Addition) |
| - | বিয়োগ(Subtraction) |
| * | গুণ(Multiplication) |
| / | ভাগ(Division) |
| % | (ভাগশেষ)Modulus |
| ++ | এক করে বৃদ্ধি (Increment) |
| -- | এক করে হ্রাস(Decrement) |
যোগ(+) অপারেটর সংখ্যাকে যোগ করেঃ
যোগ
<!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>
ফলাফল
| পরবর্তী অধ্যায়ে জাভাস্ক্রিপ্ট অপারেটর সম্পর্কে আরো অনেক শিখবেন। |
|---|
জাভাস্ক্রিপ্ট এসাইনমেন্ট অপারেটর
এসাইনমেন্ট অপারেটর জাভাস্ক্রিপ্ট ভ্যারিয়েবলের মধ্যে ভ্যালু এসাইন করে।
| অপারেটর | উদাহরণ | |
|---|---|---|
| = | x = y | x = y |
| += | x += y | x = x + y |
| -= | x -= y | x = x - y |
| *= | x *= y | x = x * y |
| /= | x /= y | x = x / y |
| %= | x %= y | x = x % y |
এসাইনমেন্ট অপারেটর(=) জাভাস্ক্রিপ্ট ভ্যারিয়েবলের মধ্যে ভ্যালু জমা রাখে।
উদাহরণ
<!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>
<p id="test"></p>
<script>
var a = 32;
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>
<h3>+= অপারেটর</h3>
<p id="test"></p>
<script>
var a = 32;
a += 8;
document.getElementById("test").innerHTML = a;
</script>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট স্ট্রিং অপারেটর
স্ট্রিংকে যোগ(concaenate) করতেও + অপারেটর ব্যবহার করতে হয়।
| যখন যোগ(+) অপারেটর স্ট্রিং-এ ব্যবহার করা হয় তখন একে কনকাটিনেশন(concatenation) অপারেটর বলা হয়। |
|---|
উদাহরণ
<!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>
var txt1 = "আজিজুর";
var txt2 = "রহমান ";
document.getElementById("test").innerHTML = txt1 + " " + txt2;
</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>এসাইনমেন্ট অপারেটর += দিয়ে স্ট্রিং গুলোকে সংযুক্ত করতে পারে।</p>
<p id="test"></p>
<script>
var txt1 = "আজিজুর";
txt1 += " রহমান ";
document.getElementById("test").innerHTML = txt1;
</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>
<h5>একটি নাম্বার এবং একটি স্ট্রিং যুক্ত করে স্ট্রিং রিটার্ন করে ।</h5>
<p id="test"></p>
<script>
var a = 23 + 23;
var b = "23" + 23;
var c = "operator" + 23;
document.getElementById("test").innerHTML =
a + "<br>" + b + "<br>" + c;
</script>
</body>
</html>
ফলাফল
নিয়মঃ নাম্বার এবং স্ট্রিংকে যোগ করলে যোগফল হবে স্ট্রিং!
জাভাস্ক্রিপ্ট কম্প্যারিজন(Comparison) এবং লজিক্যাল(Logical) অপারেটর
| অপারেটর | বর্ণনা |
|---|---|
| == | সমান |
| === | সমান মান এবং একই টাইপ |
| != | সমান না |
| !== | একই মান এবং টাইপের না |
| > | বড় |
| < | ছোট |
| >= | বড় অথবা সমান |
| <= | ছোট অথবা সমান |
| ? | তিনটি অপারেটর নিয়ে গঠিত (if...else এর মতই কাজ করে) |
| জেএস কম্প্যারিজন অধ্যায়ে কম্প্যারিজন এবং লজিক্যাল অপারেটর সম্পর্কে সম্পূর্ণ বর্ণনা করা হয়েছে। |
|---|
জাভাস্ক্রিপ্ট টাইপ অপারেটর
| অপারেটর | বর্ণনা |
|---|---|
| typeof | ভ্যারিয়েবলের টাইপ রিটার্ন করে |
| instanceof | যদি একটি অবজেক্ট অন্য একটি অবজেক্ট টাইপের হয় তাহলে true রিটার্ন করবে |
| জেএস ধরন পরিবর্তন অধ্যায়ে টাইপ অপারেটর সম্পর্কে আলোচনা করা হয়েছে। |
|---|
![জাভাস্ক্রিপ্ট-৬ [কমেন্ট, অপারেটর]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyb8n_zvJUyWrdYaZlstACeLt5P2QU4AFzxuIhSFoEStv2aKMKiPKY3YhV4sbNlINE6CDRduDEOhcz6aIvrSfbIQUJoaYRFlN74DWmJdp8AHGGBrebktvrCLsw1AEExtqjOT7Ef6ayrOPt2Xu0K5pgUr4CqOt04lImf4bl7kvu5e4UE3NVz0hTLzb0tX7i/s72-w370-c-h277/image.png)
![পাইথন প্রোগ্রামিং ল্যাঙ্গুয়েজ দিয়ে দ্বিঘাত সমীকরণ বের করার জন্য প্রজেক্ট [পাইথন-১৫]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FUX-7-HvI8Q3HM6OHtkr77HOo4IRopsPklC29WEd67doy1ySl8WwSGH2fn6SKlteo3q9b8ivKD7XdE3ZE-L6v1XfCVxFHHjuSooXeo5ZLsy2dHpbTLUuBRzj35Fvfvb7yJE6j6nToNpoEQHX-qJ1Ydiieix555Gwh9EXnzobiUqcog8mfAbdKgR1-JUz/s72-c/image.png)
![পাইথন প্রোগ্রামিং ল্যাঙ্গুয়েজ দিয়ে কোন সালকে লিপইয়ার বের করার জন্য প্রজেক্ট [পাইথন-১৪]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyv2pAoSWWw57vyEikxJZq5t-WV3nrwJA2ivPkV39QAqE_YjX3q_wfQNpU1XxSDjoe13_ZzYw5E5fmKkvPV5sorxVCCOCVa_kvFaUT-hlZvMLElIyEtHiPbgl50qddUt7uDb4Tx0o1_jzfKDYqLnr_kr3wU6GpxqaHBExwFv_k9TiN1vbZkzgM9uTk3UY8/s72-c/image.png)