জাভাস্ক্রিপ্ট কমেন্ট
জাভাস্ক্রিপ্ট কোডকে ব্যাখ্যা করার জন্য এবং অধিক পাঠযোগ্য করে তোলার জন্য জাভাস্ক্রিপ্ট কমেন্ট ব্যবহার করা হয়।
কোডকে সম্পাদন থেকে বিরত রাখার জন্যও জাভাস্ক্রিপ্ট কমেন্ট ব্যবহার করা হয়। বিশেষ করে বিকল্প কোনো কোডকে টেস্ট করার সময় কমেন্ট ব্যবহার করা হয়।
এক লাইনের কমেন্ট
এক লাইনের কমেন্ট // দিয়ে শুরু হয়।
// এর পরে যেকোন ধরণের টেক্সট কে জাভাস্ক্রিপ্ট এড়িয়ে চলে।
নিচের উদাহরণে কোডকে ব্যাখ্যা করার জন্য প্রতি লাইনের আগে এক লাইনের কমেন্ট করা হয়েছে।
উদাহরণ
<!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>
ফলাফল