জাভাস্ক্রিপ্ট এইচটিএমএল ফাইলের ভেতর লেখা যায় আবার ভিন্ন একটি ফাইল (External) তৈরি করেও তার মধ্যে লেখা যায়।
<!DOCTYPE html>
<html>
<head>
<script>
alert("Hello User!");
</script>
</head>
<body>
</body>
</html>
খেয়াল করুন, উপরের কোডে জাভাস্ক্রিপ্ট লেখা হয়েছে এইচটিএমএল ফাইলের <head> ট্যাগের ভেতরে। তবে সরাসরি লিখে ফেলা যাবে না। লিখতে হবে <script> ট্যাগের ভেতরে।
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
alert("Hello User!");
</script>
</body>
</html>
উপরের ফাইলটিতে জাভাস্ক্রিপ্ট লেখা হয়েছে <body> ট্যাগের ভেতরে। অবশ্যই <script> ট্যাগের ভেতরে।
আলাদা ভাবেও জাভাস্ক্রিপ্ট লেখা যায়। একই ফোল্ডারের ভেতরে index.html এবং test.js নামে দুটি ফাইল তৈরি করুন।
এইচটিএমএল ফাইলটির ভেতর নিচের কোডটুকু লেখুনঃ
<html>
<head>
<script src="test.js"></script>
</head>
<body>
</body>
</html>
খেয়াল করুন script ট্যাগের ভেতর একটি এট্রিবিউট ব্যবহার করা হয়েছে 'src', এটির মানে সোর্স। এর ভেতর আমরা আমাদের জাভাস্ক্রিপ্ট ফাইলটির নাম দিয়ে দেব। জাভাস্ক্রিপ্ট ফাইলটির ভেতর নিচের কোডটুকু লিখুন (যেহেতু External জাভাস্ক্রিপ্ট তাই কোন <script> ট্যাগের প্রয়োজন নেই):
alert("Hello User!");
ফাইল দুটি সেভ করে এইচটিএমএল ফাইলটি ওপেন করুন। নিচের মত ফলাফল দেখতে পাবেন।
খেয়াল রাখতে হবে, আমাদের এইচটিএমএল ও জাভাস্ক্রিপ্ট এর ফাইল দুটি একটি মাত্র ফোল্ডারের মধ্যে আছে। তাই লিঙ্কটি হয়েছে এমনঃ
<script src="ফাইলের নাম.js"></script>
জাভাস্ক্রিপ্ট ফাইলটি নিচের চিত্রের মত আলাদা কোন ফোল্ডারের মধ্যে থাকলে,
লিংক তৈরি করতে হতো এভাবেঃ
<script src="ফোল্ডারের নাম/ফাইলের নাম.js"></script>
(চলবে...)
আমি আরাফ করিম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 9 বছর 1 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 4 টি টিউন ও 67 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
সহ - প্রতিষ্ঠাতা MAXSOP (www.maxsop.com)
