জাভাস্ক্রিপ্ট একটি হালকা, ইন্টারপ্রেটেড প্রোগ্রামিং ভাষা, যা মূলত ওয়েব পেজকে ইন্টারঅ্যাক্টিভ করতে ব্যবহৃত হয়। এটি ডেভেলপারদের পেজ রিলোড না করেই স্লাইডার, পপ-আপ, ফর্ম ভ্যালিডেশন এবং ডাইনামিক কনটেন্ট আপডেটের মতো ফিচার তৈরি করতে দেয়।
জাভাস্ক্রিপ্ট হলো:
strict mode, JSON এবং আরও অনেক কিছু চালু করে।let, const, অ্যারো ফাংশন, ক্লাস, প্রমিজ ইত্যাদি চালু করে।| ফিচার | জাভাস্ক্রিপ্ট | জাভা | পাইথন |
|---|---|---|---|
| টাইপিং | ডাইনামিক | স্ট্যাটিক | ডাইনামিক |
| এক্সিকিউশন | ইন্টারপ্রেটেড (ব্রাউজারে) | কম্পাইলড (JVM) | ইন্টারপ্রেটেড |
| ব্যবহারের ক্ষেত্র | ওয়েব ইন্টারঅ্যাক্টিভিটি, অ্যাপ | এন্টারপ্রাইজ অ্যাপ, Android | ডেটা সায়েন্স, স্ক্রিপ্টিং |
| সিনট্যাক্সের সরলতা | মাঝারি | জটিল | সহজ |
| জনপ্রিয়তা | অত্যন্ত বেশি (ফ্রন্ট-এন্ড ডেভ) | বেশি | বেশি |
অনেক ভাষা যেগুলো সার্ভার বা লোকাল মেশিনে চলে, তার বিপরীতে জাভাস্ক্রিপ্ট মূলত ব্রাউজারে ব্যবহৃত হয়।
তিনটি প্রধান উপায়ে জাভাস্ক্রিপ্ট যোগ করা যায়:
onclick, onmouseover বা এরকম অ্যাট্রিবিউট ব্যবহার করে আপনি সরাসরি একটি HTML এলিমেন্টের ভেতরে জাভাস্ক্রিপ্ট লিখতে পারেন।
<button onclick="alert('Hello!')">Click Me</button>✅ সহজ
❌ বড় প্রজেক্টের জন্য সুপারিশ করা হয় না (JS এবং HTML মিশে যায়)
আপনার HTML ফাইলের <head> বা <body>-তে <script> ট্যাগের ভেতরে জাভাস্ক্রিপ্ট এমবেড করা যায়।
<!DOCTYPE html>
<html>
<head>
<script>
function greet() {
alert("Welcome to JavaScript!");
}
</script>
</head>
<body>
<button onclick="greet()">Greet</button>
</body>
</html>✅ ছোট প্রজেক্ট বা টেস্টিংয়ের জন্য ভালো
❌ পুনরায় ব্যবহারযোগ্য নয়
জাভাস্ক্রিপ্ট একটি আলাদা .js ফাইলে রাখা হয় এবং <script src=""> ট্যাগ দিয়ে লিংক করা হয়।
index.html<script src="app.js"></script>app.jsfunction greet() {
alert("Hello from external JS!");
}✅ পরিষ্কার, পুনরায় ব্যবহারযোগ্য, মডুলার
✅ বাস্তব-জগতের প্রজেক্টের জন্য সুপারিশকৃত
জাভাস্ক্রিপ্ট বিভিন্নভাবে ডেটা আউটপুট করতে পারে:
ব্যবহারকারীকে একটি পপ-আপ মেসেজ বক্স দেখায়।
alert("Welcome!");ব্রাউজারের ডেভেলপার কনসোলে আউটপুট প্রিন্ট করে। ডিবাগিংয়ের জন্য উপযোগী।
console.log("This is a log message.");সরাসরি HTML ডকুমেন্টে লেখে।
document.write("Hello, World!");⚠️ পেজ লোড হওয়ার পরে ব্যবহার করলে পুরো ডকুমেন্ট ওভাররাইট হয়ে যায় — সাবধানে ব্যবহার করুন।
একটি HTML এলিমেন্টের কনটেন্ট পরিবর্তন করে।
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello from JS!";
</script>✅ ডাইনামিক কনটেন্ট আপডেটের জন্য সবচেয়ে বেশি ব্যবহৃত