জাভাস্ক্রিপ্ট পরিচিতি (JavaScript Introduction)
জাভাস্ক্রিপ্ট একটি ক্লায়েন্ট-সাইড স্ক্রিপ্টিং ল্যাঙ্গুয়েজ যা ওয়েবপেজে গতিশীলতা এবং ইন্টারঅ্যাকটিভিটি যোগ করে। এটি HTML ও CSS এর সাথে ব্যবহার করে ওয়েবসাইটকে আরও উন্নত এবং ইন্টারঅ্যাকটিভ করা হয়।
জাভাস্ক্রিপ্ট কেন শিখবেন?
- ওয়েবসাইটে ইউজার ইন্টারঅ্যাকশন তৈরি করতে
- ফর্ম ভ্যালিডেশন করতে
- API বা সার্ভারের সাথে যোগাযোগ করতে
- অ্যানিমেশন বা রিয়েল-টাইম আপডেট করতে
জাভাস্ক্রিপ্ট কোড HTML এ যুক্ত করার উপায়
HTML ডকুমেন্টে দুটি উপায়ে জাভাস্ক্রিপ্ট যুক্ত করা যায়:
| পদ্ধতি | উদাহরণ |
|---|---|
| ইনলাইন স্ক্রিপ্ট | <script> alert(‘Hello World!’); </script> |
| এক্সটার্নাল স্ক্রিপ্ট | <script src=”script.js”></script> |
জাভাস্ক্রিপ্ট সিনট্যাক্স
<script>
var name = "Rahim";
alert("Welcome " + name);
</script>
জাভাস্ক্রিপ্ট ভ্যারিয়েবল
ভ্যারিয়েবল ঘোষণার জন্য var, let, এবং const ব্যবহার করা হয়।
var age = 25;
let city = "Dhaka";
const country = "Bangladesh";
জাভাস্ক্রিপ্ট ফাংশন
ফাংশন একটি নির্দিষ্ট কাজ সম্পাদনের জন্য ব্যবহৃত হয়।
function greet(name) {
return "Hello, " + name;
}
alert(greet("Karim"));
জাভাস্ক্রিপ্ট দিয়ে DOM ম্যানিপুলেশন
DOM মানে Document Object Model, যেটার মাধ্যমে HTML এলিমেন্টকে জাভাস্ক্রিপ্ট দিয়ে কন্ট্রোল করা যায়।
document.getElementById("demo").innerHTML = "Hello from JS!";
ইভেন্ট হ্যান্ডলিং
যেমনঃ বাটন ক্লিক করার সময় একটি ফাংশন চালানো।
<button onclick="sayHi()">Click Me</button>
function sayHi() {
alert("Hi there!");
}
উপসংহার
জাভাস্ক্রিপ্ট ওয়েব ডেভেলপমেন্টের একটি অপরিহার্য অংশ। এর মাধ্যমে আপনি ওয়েবসাইটে উন্নত ফিচার, ইন্টারঅ্যাকশন এবং ইউজার এক্সপেরিয়েন্স যোগ করতে পারবেন।