এই নির্দেশিকাটি একটি HTML ফাইলে জাভাস্ক্রিপ্ট স্থাপন করার পন্থা ব্যাখ্যা করবে।
একটি HTML ফাইলে জাভাস্ক্রিপ্ট কোথায় রাখবেন?
একটি এইচটিএমএল ফাইলে জাভাস্ক্রিপ্টের বসানো এতে হতে পারে:
পদ্ধতি 1: একটি HTML ফাইলে ট্যাগের মধ্যে জাভাস্ক্রিপ্ট স্থাপন
এই পদ্ধতিতে, কোডের জাভাস্ক্রিপ্ট অংশের প্লেসমেন্ট “এর মধ্যে <মাথা> ” ট্যাগ চিত্রিত করা হবে।
উদাহরণ
আসুন নীচের প্রদত্ত প্রদর্শনের একটি ওভারভিউ আছে:
< মাথা >
< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >
ফাংশন বসানো Js ( ) {
সতর্ক ( 'জাভাস্ক্রিপ্টের স্থান ট্যাগের মধ্যে' )
}
লিপি >
মাথা >
< শরীর >
< কেন্দ্র < বোতামে ক্লিক করুন = 'প্লেসমেন্টজেএস()' > আমাকে ক্লিক করুন বোতাম >> কেন্দ্র >
শরীর >
উপরের কোড স্নিপেটে:
- কোডের জাভাস্ক্রিপ্ট অংশটি 'এর মধ্যে অন্তর্ভুক্ত করুন <মাথা> 'এর সাহায্যে ট্যাগ করুন' ট্যাগ
- জেএস কোডে, “নামক একটি ফাংশন সংজ্ঞায়িত করুন বসানো Js() ” এর সংজ্ঞায়, সতর্ক সংলাপ বাক্সের মাধ্যমে বিবৃত বার্তাটি প্রদর্শন করুন।
- অবশেষে, এইচটিএমএল কোডে, একটি বোতাম তৈরি করুন যার একটি ' অনক্লিক ” ইভেন্ট যা বোতাম ক্লিক করার পরে পূর্ববর্তী ধাপে সংজ্ঞায়িত ফাংশনে পুনঃনির্দেশিত হবে।
আউটপুট
উপরের আউটপুটে, এটি দেখা যায় যে JS কোডটি 'এর মধ্যে স্থাপন করে সঠিকভাবে কাজ করছে। <মাথা> ট্যাগ
পদ্ধতি 2: একটি HTML ফাইলে ট্যাগের মধ্যে জাভাস্ক্রিপ্ট স্থাপন
এই পদ্ধতিতে, 'এর মধ্যে জাভাস্ক্রিপ্ট কোড বসানো একটি HTML ফাইলে ট্যাগ নিয়ে আলোচনা করা হবে।
উদাহরণ
নীচের প্রদত্ত উদাহরণ বিবৃত ধারণা ব্যাখ্যা করে:
< শরীর >< কেন্দ্র < বোতামে ক্লিক করুন = 'প্লেসমেন্টজেএস()' > আমাকে ক্লিক করুন বোতাম >> কেন্দ্র >
< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >
ফাংশন বসানো Js ( ) {
সতর্ক ( 'জাভাস্ক্রিপ্টের স্থান ট্যাগের মধ্যে' )
}
লিপি >
শরীর >
কোডের উপরের লাইনগুলিতে:
- মধ্যে ' ' ট্যাগ, একইভাবে, 'এর সাহায্যে ফাংশন প্লেসমেন্টজেএস()কে আহ্বান করে একটি বোতাম তৈরি করুন। অনক্লিক ' ঘটনা।
- জাভাস্ক্রিপ্ট কোড ব্লকে, “নামক একটি ফাংশন ঘোষণা করুন বসানো Js() ”
- এই ফাংশনটি বোতামে ক্লিক করার জন্য আহ্বান করা হবে এবং একটি সতর্কতার মাধ্যমে বিবৃত বার্তাটি প্রদর্শন করবে।
আউটপুট
পদ্ধতি 3: একটি বহিরাগত ফাইল হিসাবে জাভাস্ক্রিপ্ট স্থাপন
এই বিশেষ পদ্ধতির মধ্যে একটি জাভাস্ক্রিপ্ট কোড ব্লক একটি এক্সটেনশন সহ নির্দিষ্ট ফাইলের নাম সহ একটি বাহ্যিক JS ফাইল হিসাবে স্থাপন করা জড়িত। .js ' মধ্যে ' src ” বৈশিষ্ট্য।
উদাহরণ
চলুন নিম্নলিখিত উদাহরণ মাধ্যমে যান:
< শরীর >< কেন্দ্র < বোতামে ক্লিক করুন = 'প্লেসমেন্টজেএস()' > আমাকে ক্লিক করুন বোতাম >> কেন্দ্র >
শরীর >
< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' src = বাহ্যিক ফাইল js >> লিপি >
উপরের HTML কোডে:
- জাভাস্ক্রিপ্ট ফাংশনে পুনঃনির্দেশিত একটি বোতাম তৈরি করার জন্য আলোচিত পদ্ধতিটি স্মরণ করুন “ বসানো Js() ”
- এর পরে, 'এ বর্ণিত ফাইলের নামের সাথে লিঙ্কযুক্ত একটি বাহ্যিক JS ফাইলের সাহায্যে জাভাস্ক্রিপ্ট কার্যকারিতাগুলিকে একীভূত করুন। src ” বৈশিষ্ট্য।
চলুন নিচের দেওয়া JS কোডে এগিয়ে যাই:
ফাংশন বসানো Js ( ) {সতর্ক ( 'এটি একটি বহিরাগত জাভাস্ক্রিপ্ট ফাইল' )
}
উপরের কোড ব্লকে:
- 'নামক একটি ফাংশন সংজ্ঞায়িত করুন বসানো JS() ”
- এর সংজ্ঞায়, বোতামে ক্লিক করার পরে সতর্কতার মাধ্যমে বিবৃত বার্তাটি প্রদর্শন করুন।
- এই পদ্ধতির ফলে এইচটিএমএল এবং জাভাস্ক্রিপ্ট ফাইল উভয়ই এমবেড করে একই ফলাফল ফিরে আসবে।
আউটপুট
আমরা একটি HTML ফাইলে জাভাস্ক্রিপ্ট স্থাপন সম্পর্কিত খাঁটি তথ্য অফার করেছি।
উপসংহার
একটি এইচটিএমএল ফাইলে জাভাস্ক্রিপ্ট বসানো হতে পারে “ <মাথা> 'ট্যাগ, ' ' ট্যাগ, বা একটি বহিরাগত হিসাবে ' js ফাইল ' নির্দিষ্ট করে ' src ” জাভাস্ক্রিপ্ট কোড একই কাজ করে যখন উল্লিখিত ট্যাগের যেকোনো একটিতে রাখা হয়। যাইহোক, জাভাস্ক্রিপ্টকে একটি বাহ্যিক js ফাইল হিসাবে স্থাপন করা কোডের পুনরায় ব্যবহারযোগ্যতায় সহায়তা করে। এই ব্লগটি একটি HTML ফাইলে জাভাস্ক্রিপ্ট বসানোর সাথে সম্পর্কিত নির্দেশিত।