Home / Java Script

Java Script

জাভাস্ক্রিপ্ট কোড কোথায় থাকবে

তিনটি সাধারন অবস্থান রয়েছে যেখানে জাভাস্ক্রিপ্ট কোডকে রাখা যায় ।

  1. head ট্যাগ এর ভিতরে
  2. body ট্যাগ এর মধ্যে
  3. বহিঃস্থ (external) file হিসাবে

head or body এর অবস্থান পছন্দ করা খুব সাধারন। যদি আপনি চান জাভাস্ক্রিপ্ট কে কিছু event (যেমন যখন কোন ব্যবহারকারী কোন স্থানে ক্লিক করবে, event সম্বন্ধে আলোচনা করা হয়েছে) এর উপর রান করাবেন সেক্ষেত্রে আপনি জাভাস্ক্রিপ্ট কে head ট্যাগ এ রাখতে পারেন।

আবার যদি আপনি জাভাস্ক্রিপ্ট কে রান করাতে চান যখন পেজ লোড হবে (পুর্ববতি অধ্যায়ের “Hello World!” উদাহরনের মত),সেক্ষেত্রে আপনি জাভাস্ক্রিপ্ট কে body ট্যাগ এর মধ্যে রাখতে পারেন।

বহিঃস্থ (External) জাভাস্ক্রিপ্ট ফাইল এবং তাদের ব্যবহার পরবর্তি অধ্যায়ে আলোচনা করা হয়েছে ।
Head Script এর উদাহরন:

যেহেতু আমরা দেখেছি যে এক প্রকারের Script যা body tag এর মধ্যে লেখা যায়। আমরা কিছু Script লিখবো যার মাধ্যমে কিছু event সংঘটিত হবে ।যেমন ব্যবহারকারী যখন বাটনে ক্লিক করবে তখন alert box দেখাবে।

<html>

<head>

<script type="text/JavaScript">

<!--

function popup() {

alert("Hello World")

}

//-->

</script>

</head>

<body>

<input type="button" onclick="popup()" value="popup">

</body>

</html>

popup প্রদর্শন:

আমরা একটা ফাংশন তৈরী করেছি যার নাম পপআপ এবং এটাকে এইচটিএমএল ডকুমেন্ট এর head ট্যাগ এ রেখেছি ।এখন আমরা যতবারই বাটনে ক্লিক করবো ততবারই “Hello World!” নামের alert box দেখাবে। পরবর্তি অধ্যায়গুলিতে ফাংশন এবং event সম্বন্ধে বিস্তারিত আলোচনা করা হয়েছে ।

জাভাস্ক্রিপ্ট সক্রিয় করা

এ অধ্যায়ে আপনাদের দেখাবো কিভাবে জাভাস্ত্রিপ্ট ইন্টারনেট এক্সপ্লোরার,ফায়ারফক্স, এবং অপেরা তে সচল (active) করতে হয়।
জাভাস্ক্রিপ্ট কে ইন্টারনেট এক্সপ্লোরার- এ সচল করারপদ্ধতি:

Internet Explorer 6/7 এ আপনি security setting এ গিয়ে check করতে পারেন যে আপনার জাভাস্ত্রিপ্টটি কি সচল রয়েছে কিনা। নিচে জাভাস্ত্রিপ্ট সচল করার উপায় দেয়া হলো।

  1. প্রথমে Tools menu তে Click করতে হবে
  2. তারপর menu হতে Internet Options নির্বাচন করতে হবে
  3. Internet Options এর Security tab এ Click করতে হবে
  4. তারপর Custom Level বাটনে Click করে security settings এ প্রবেশ করতে হবে
  5. Scroll করে Scripting section এ যেতে হবে
  6. script সচল করা জন্য Enable বাটন Select করতে হবে
  7. প্রক্রিয়াটি সম্পন্ন করতে OK বাটনে Click করতে হবে
  8. প্রক্রিয়াটি সম্পন্ন করার জন্য Yes বাটনে Click করতে হবে

জাভাস্ক্রিপ্ট কে ফায়ারফক্স- এ সচল করারপদ্ধতি:

Firefox 2 এ আপনি Options এর Content setting এ গিয়ে check করতে পারেন যে আপনার জাভাস্ত্রিপ্টটি কি সচল রয়েছে কিনা। নিচে জাভাস্ত্রিপ্ট সচল করার উপায় দেয়া হলো।

  1. প্রথমে Tools menu তে Click করতে হবে
  2. তারপর menu হতে Options নির্বাচন করতে হবে
    1. Options এর Content tab এ Click করতে হবে
    2. নিশ্চিত করুন যে Enable JavaScript check box এ টিক দেয়া আছে কিনা
    3. প্রক্রিয়াটি সম্পন্ন করতে OK বাটনে Click করতে হবে

    জাভাস্ক্রিপ্ট কে অপেরা – তে সচল করারপদ্ধতি:

    Opera তে আপনি Preferences এর Content setting এ গিয়ে check করতে পারেন যে আপনার জাভাস্ত্রিপ্টটি কি সচল রয়েছে কিনা। নিচে জাভাস্ত্রিপ্ট সচল করার উপায় দেয়া হলো।

    1. প্রথমে Tools menu তে Click করতে হবে
    2. তারপর menu হতে Preferences নির্বাচন করতে হবে
    3. Preferences এর Advanced tab এ Click করতে হবে
    4. বাম পাশের লিস্ট item হতে Content নির্বাচন করতে হবে
    5. নিশ্চিত করুন যে Enable JavaScript check box এ টিক দেয়া আছে কিনা
    6. প্রক্রিয়াটি সম্পন্ন করতে OK বাটনে Click করতে হবে

জাভাস্ক্রিপ্ট কোড কিভাবে লিখতে হয়

তিনটি গুরুত্বপুর্ন ধাপ রয়েছে যা আপনাদের জাভাস্ক্রিপ্ট লেখার ক্ষেত্রে প্রয়োজন ।

  1. script ট্যাগ ব্যবহার করে ব্রাউজার কে বোঝাতে হবে যে আপনি জাভাস্ক্রিপ্ট ব্যবহার করছেন।
  2. কিছু জাভাস্ক্রিপ্ট কোড লিখতে হবে ।
  3. Test the script

আমাদের প্রথম ধাপ হচ্ছে

 <script>

স্ক্রিপ্ট ট্যাগ ব্যবহারের মাধ্যমে ব্রাউজার কে বোঝাতে হবে যে আমরা জাভাস্ক্রিপ্ট ব্যবহার করছি। script type হিসাবে “text/JavaScript” সেট করতে হবে। আপনারা সিএসএস এর ক্ষেত্রে দেখেছেন type হিসাবে আমরা “text/css” সেট করছি।

<html>

<body>

<script type="text/JavaScript">

<!--

document.write("Hello World!")

//-->

</script>

</body>

</html>

প্রদর্শন:

Hello world!

document.write:

আমাদের script এর শেষ ধাপ হচ্ছে ফাংশন এর ব্যবহার যার নাম document.write ।যার মাধ্যমে text, HTML অথবা ঊভয়ই লেখা যায়। আমরা এই ফাংশন এ একটা বিখ্যাত text string ব্যবহার করেছি যা “Hello World!”  নামে পরিচিত। এটি ব্রাউজার এ প্রদর্শিত হবে।
Syntax বা চিহ্ন:

উপরের জাভাস্ত্রিপ্ট কোড লক্ষ্য করলে দেখতে পাবেন যে “document.write(Hello World!)” এই statement এর শেষে কোন সেমিকোলন নেই। কারন প্রত্যেক statement এর শেষ নির্দেশ করতে জাভাস্ত্রিপ্ট এ সেমিকোলন এর প্রয়োজন নেই।

তবে আপনি যদি অভিজ্ঞ প্রোগ্রামার হয়ে থাকেন তবে সেক্ষেত্রে ব্যবহার করতে পারেন। তবে সেমিকোলন ব্যবহার করা জরুরী যখন আমরা এক লাইনে দুটি statement ( দুটি document.write statements ) লিখি।