বন্ধুরা, কেমন আছেন সবাই ? জাভাস্ক্রীপ্ট টিউটোরিয়ালে আপনাদের আরো একবার স্বাগত জানাচ্ছি। ডাইনামিক ওয়েব ডিজাইনিং এ জাভাস্ক্রীপ্টের ভূমিকা অনন্যসাধারণ। এ ভূমিকার প্রেক্ষিতে শুরু করা এই টিউটোরিয়ালের আজ ৩য় পর্ব। চলুন তাহলে শুরু করা যাক।
আজ আমরা দেখব, জাভাস্ক্রীপ্ট কোড লেখার নিয়ম। নিচের কোডটি লক্ষ্য করুন।
একটি নোটপ্যাডে এ লেখাটি লিখে .htm এক্সটেনশন বিশিষ্ট ফাইল হিসেবে সেভ করুন যে কোনো জায়গায়।
এখন এই .htm এক্সটেনশন বিশিষ্ট ফাইলটি রান করুন। নিচের মত পাবেন।
“My First Web Page” নামেএকটিশিরোনাম দেখাচ্ছে যা আপনি আপনার সাধারণভাবেই এইচটিএমল ট্যাগ <h1> দিয়ে নির্ধারণ করে দিয়েছেন।
কিন্তু “welcome to the tutorial.” লেখাটি html ট্যাগ দিয়ে ডিক্লেয়ার করেননি। তাহলে এটি কিভাবে আসলো ? হ্যাঁ, বন্ধুরা এটি আসলো উপরের কোডে সিলেক্ট করা কয়েকটি লাইনের মাধ্যমে ইন্সট্রাকশন দেয়ার ফলে। আর সিলেক্ট করে রাখা এই লাইনগুলোই জাভাস্ক্রীপ্ট কোড।
জাভাস্ক্রীপ্ট কোড এইচ টি এম এল ফাইলেই এইচ টি এম এল কোডের সাথেই থাকে। এবং জাভাস্ক্রীপ্ট ব্যবহৃত ফাইলকে আলাদা কোনো এক্সটেনশন দিয়ে সেভ করতে হয়না। এটি এইচটিএমএল ফাইল অর্থাৎ .htm এক্সটেনশন বিশিষ্ট ফাইলেই কাজ করে।
জাভাস্ক্রীপ্ট কোড এইচটিএমএল ফাইলের যে কোনো জায়গা থেকেই শুরু করা যায়। আপনি ইচ্ছা করলে একে <head> ট্যাগের মধ্যেও শুরু করতে পারেন আবার <body> ট্যাগের মধ্যেও শুরু করতে পারেন।
জাভাস্ক্রীপ্ট কোড লিখতে হয় <script> এবং </script> ট্যাগের মধ্যে। তবে তার আগে জাভাস্ক্রীপ্ট ল্যাংগুয়েজ ডিক্লেয়ার করে নিতে হয় “<script type=”text/javascript”>” অংশটি লেখার মাধ্যমে।
এর মাধ্যমে ব্রাউজারকে জানানো হয় যে, এখন যে কোড লেখা হবে তা হল জাভাস্ক্রীপ্ট কোড।
আধুনিক সব ব্রাউজারই জাভাস্ক্রীপ্ট সাপোর্ট করে। যে সব ব্রাউজার জাভাস্ক্রীপ্ট সাপোর্ট করে না সেসকল ব্রাউজারের ক্ষেত্রে কোড সাধারণ এইচটিএমএল টেক্সটের আকারে ব্রাউজারে দেখা যাওয়ার আশঙ্কা থাকে। এই আশঙ্কা দূর করার জন্য “<script type=”text/javascript”>” অংশের পরে <! — এবং এরপরে কোড লিখে “</script>” অংশের আগে “//— >” দিতে হয়। এর ফলে ব্রাউজার যদি জাভাস্ক্রীপ্ট সাপোর্টেবল হয় তবে সেই অনুযায়ী কাজ করবে। আর যদি সাপোর্টেবল না হয় তবে কিছুই প্রদর্শন করবে না।
জাভাস্ক্রীপ্টের প্রতিটি কোডলাইনকে একেকটি স্টেটমেন্ট বলা হয়। যেমন, উপরের উদাহরনে document.write(“<p> welcome to the tutorial. </p>”) একটি স্টেটমেন্ট।
জাভাস্ক্রীপ্টে প্রতিটি স্টেটমেন্ট বা লাইনের শেষে “;” দেয়া উচিত। যদিও না দিলেও কোনো সমস্যা নেই।
বন্ধুরা আজ এই পর্যন্তই। ভালো থাকবেন সবাই। ধন্যবাদ।
মিঠু ভাই,ধন্যবাদ।আপনার লেখাগুলো আমি সহজে বোঝতে পারি।আশা করি আপনার আরো লেখা আগামিতে পাব।
আপনাদের জন্যই তো লেখা। সুতরাং, আপনাদের বোঝার মত করে লেখার দায়িত্ব তো আমারই। জেনে ভালো লাগলো। ধন্যবাদ।
হুম, বুঝলাম অনেক কিছুই। পরবর্তী পোষ্টের অপেক্ষোয়।
ধন্যযোগ 🙂
আপনাকেও ধন্যবাদ।