HTML এ 'স্ক্রিপ্ট' ট্যাগের সংখ্যার কোন সীমাবদ্ধতা নেই। সুতরাং, একটি একক HTML নথিতে একাধিক 'স্ক্রিপ্ট' ট্যাগ থাকতে পারে।
কিভাবে
যোগ করা হচ্ছে ripped > হেড এলিমেন্টে ট্যাগ করুন
জাভাস্ক্রিপ্ট ফাংশন সহ স্ক্রিপ্ট ট্যাগ হেড এলিমেন্টে যোগ করা যেতে পারে। চলুন HTML ডকুমেন্টের হেড এলিমেন্টে যোগ করা একটি জাভাস্ক্রিপ্ট ফাংশনের একটি সাধারণ উদাহরণ গ্রহণ করে এই ধারণাটি কার্যত বাস্তবায়িত করি।
উদাহরণ
কেবল হেড এলিমেন্টের ভিতরে স্ক্রিপ্ট এলিমেন্ট যোগ করুন অথবা একটি বিদ্যমান HTML ডকুমেন্টে স্ক্রিপ্ট এলিমেন্টটিকে হেড ট্যাগে নিয়ে যান:
< মাথা >
< লিপি >
ফাংশন myFunction() {
document.getElementById('demoId').innerHTML = 'পর!!!';
}
< / লিপি >
< / মাথা >
< শরীর >
< h2 > মাথায় স্ক্রিপ্ট ট্যাগ যোগ করা হচ্ছে < / h2 >
< পি আইডি = 'ডেমোআইডি' > আগে... < / পি >
< বোতাম টাইপ = 'বোতাম' অনক্লিক = 'myFunction()' > ইহা পরিবর্তন করুন < / বোতাম >
< / শরীর >
উপরের কোড স্নিপেটে:
- এখানে একটি ' 'এর ভিতরে যাচ্ছে' শরীর ' উপাদান এবং তার পরে, একটি ' অনুচ্ছেদ একটি সাধারণ পাঠ্য ধারণকারী উপাদান।
- তারপরে একটি বোতাম তৈরি হয় এবং একটি ফাংশন ' myFunction() 'এ সংজ্ঞায়িত করা হয়েছে' অনক্লিক ” বৈশিষ্ট্য ইভেন্ট হ্যান্ডলার হিসাবে যোগ করা হয়েছে।
- দ্য ' লিপি 'এলিমেন্ট' এর ভিতরে যোগ করা হয় মাথা ' উপাদান, এবং তার ভিতরে, ফাংশন বলা হয়, এবং ' getElementById 'পদ্ধতিটি 'কে উল্লেখ করে সংজ্ঞায়িত করা হয়েছে demoId '
এটি আউটপুটে জাভাস্ক্রিপ্ট ফাংশন সঠিকভাবে চালাবে:
যোগ করা হচ্ছে ক্রিপ্ট > বডি এলিমেন্টে ট্যাগ করুন
স্ক্রিপ্ট ট্যাগগুলি 'এর ভিতরেও যোগ করা যেতে পারে 'এলিমেন্ট শেষ হওয়ার আগে কোথাও' শরীর ' ট্যাগ.
উদাহরণ
একই ফলাফল উত্পন্ন হবে যদি ' লিপি ' ট্যাগ যোগ করা হয় শরীর উপাদান:
< / শরীর >
< h2 >বডিতে স্ক্রিপ্ট ট্যাগ যোগ করা < / h2 >
< পি আইডি = 'ডেমোআইডি' >আগে...< / পি >
< বোতাম টাইপ = 'বোতাম' অনক্লিক = 'myFunction()' >এটি পরিবর্তন করুন< / বোতাম >
< লিপি >
ফাংশন myFunction ( ) {
document.getElementById ( 'ডেমোআইডি' ) .innerHTML = 'পরে!!!' ;
}
< / লিপি >
< / শরীর > উপরের কোড স্নিপেটে:
- এই পোস্টের আগের বিভাগে ব্যাখ্যা করা একই কোডে একই জাভাস্ক্রিপ্ট ফাংশন বডি এলিমেন্ট যোগ করা হয়েছে।
যোগ করা হচ্ছে ' লিপি 'এর ভিতরে ট্যাগগুলি' শরীর ” উপাদানটিও একই ফলাফল তৈরি করবে এবং জাভাস্ক্রিপ্ট ফাংশনকে সঠিকভাবে চালাবে:
এটি দেখায় কোথায় উচিত '