আজ আমরা জানবো কিভাবে জাভাস্ক্রিপ্ট কোড বসাতে হয়। চলুন দেখি
তিনটি সাধারন অবস্থান রয়েছে যেখানে জাভাস্ক্রিপ্ট কোডকে রাখা যায় ।
১ head ট্যাগ এর ভিতরে
২ body ট্যাগ এর মধ্যে
৩ বহিঃস্থ (external) file হিসাবে
head or body এর অবস্থান পছন্দ করা খুব সাধারন। যদি আপনি চান জাভাস্ক্রিপ্ট কে কিছু event (যেমন যখন কোন ব্যবহারকারী কোন স্থানে ক্লিক করবে, event সম্বন্ধে আলোচনা করা হয়েছে) এর উপর রান করাবেন সেক্ষেত্রে আপনি জাভাস্ক্রিপ্ট কে head ট্যাগ এ রাখতে পারেন।
আবার যদি আপনি জাভাস্ক্রিপ্ট কে রান করাতে চান যখন পেজ লোড হবে (পুর্ববতি অধ্যায়ের "official blogger!" উদাহরনের মত),সেক্ষেত্রে আপনি জাভাস্ক্রিপ্ট কে body ট্যাগ এর মধ্যে রাখতে পারেন।
বহিঃস্থ (External) জাভাস্ক্রিপ্ট ফাইল এবং তাদের ব্যবহার পরবর্তি অধ্যায়ে আলোচনা করা হয়েছে ।
Head Script এর উদাহরন:
যেহেতু আমরা দেখেছি যে এক প্রকারের Script যা body tag এর মধ্যে লেখা যায়। আমরা কিছু Script লিখবো যার মাধ্যমে কিছু event সংঘটিত হবে ।যেমন ব্যবহারকারী যখন বাটনে ক্লিক করবে তখন alert box দেখাবে।
<html>
<head>
<script type="text/JavaScript">
<!--
function popup() {
alert("official blogger")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="popup()" value="popup">
</body>
</html>
popup
আমরা একটা ফাংশন তৈরী করেছি যার নাম পপআপ এবং এটাকে এইচটিএমএল ডকুমেন্ট এর head ট্যাগ এ রেখেছি ।এখন আমরা যতবারই বাটনে ক্লিক করবো ততবারই "official blogger!" নামের alert box দেখাবে। পরবর্তি অধ্যায়গুলিতে ফাংশন এবং event সম্বন্ধে বিস্তারিত আলোচনা করা হয়েছে ।
