Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

এইচটিএমএল জাভাস্ক্রিপ্ট - HTML JavaScript


এইচটিএমএল এর সাথে ক্লায়েন্ট সাইড স্ক্রিপ্ট যেমন - জাভাস্ক্রিপ্ট, যেকোয়েরি ইত্যাদি ব্যবহার করে ওয়েব পেজ কে আরও ডায়নামিক ও ইন্টারএকটিভ করে তোলা যায়।


<script> ট্যাগ

কোন ক্লায়েন্ট-সাইড স্ক্রিপ্ট (যেমন জাভাস্ক্রিপ্ট) সংজ্ঞায়িত বা define করতে <script> ট্যাগ ব্যবহার করা হয়। <script> এলিমেন্টটিতে জাভাস্ক্রিপ্ট স্টেটমেন্ট রাখা যায় বা src অ্যাট্রিবিউট ব্যাবহার করে বহিঃস্থ কোন জাভাস্ক্রিপ্ট ফাইল ব্যবহার করা যায়।

জাভাস্ক্রিপ্টের প্রচলিত ব্যবহারগুলো সাধারণত হল ছবির পরিবরতন, ফর্ম যাচাইকরণ এবং কন্টেন্টের গতিশীল পরিবর্তন। কোন HTML এলিমেন্ট নির্বাচন করতে, জাভাস্ক্রিপ্ট প্রায়ই .getElementById () পদ্ধতি করে।

নিচে একটি উদাহরণ দেখুন, যেখানে "demo" আইডি যুক্ত একটি এইচটিএমএল এলিমেন্টের ভেতরে "Hello WebsSchool" প্রদর্শিতও হয়।

উদাহরণ


<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

কোড এডিটর



<script> ট্যাগ ব্যবহার পদ্ধতি

ওয়েব পেজে এইচটিএমএল এর সাথে ক্লায়েন্ট সাইড স্ক্রিপ্ট যেমন - জাভাস্ক্রিপ্ট, যেকোয়েরি ইত্যাদি ব্যবহার করার জন্য <script> ... </script> ট্যাগ ব্যবহার করা হয়। ওয়েব পেজে ৪ভাবে স্ক্রিপ্ট ব্যবহার করা যায়। এগুলো হল নিম্নরূপ -


হেড সেকশনএ <script> ট্যাগের ব্যবহার

হেড সেকশনে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -

উদাহরণ


<head>
<script type="text/javascript"/>
javascript code goes hare ...
</script>
</head>

কোড এডিটর



বডী সেকশনে <script> ট্যাগের ব্যবহার

বডী সেকশনে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -

উদাহরণ


<body>
<script type="text/javascript"/>
javascript code goes hare ...
</script>		
</body>

কোড এডিটর



হেড ও বডী উভয় সেকশনে <script> ট্যাগ ব্যবহার

হেড ও বডী উভয় সেকশনে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -

উদাহরণ


<html>
<head>
<script type="text/javascript">
javascript code goes hare ...
 </script>
</head>
<body>
<script type="text/javascript">
javascript code goes hare ...			
</script>
</body>
</html>

কোড এডিটর



এক্সটারনাল স্ক্রিপ্ট লিঙ্ক করা

এক্সটারনাল স্ক্রিপ্ট লিঙ্ক করে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -

উদাহরণ


<head>
<script src="js-file.js" type="text/javascript" /></script>
</head>

কোড এডিটর



<noscript> ট্যাগ

ব্রাউজারে যদি স্ক্রিপ্ট সমর্থন বা support না করে বা স্ক্রিপ্ট অকেজো করে রাখা হয়, তখন <noscript> ট্যাগের মধ্যে রাখা কন্টেন্টগুলো ওয়েব পেজে প্রদর্শিত হয়। নিচে এর একটি উদাহরণ দেখুন।

উদাহরণ


<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>


কোড এডিটর



এইচটিএমএল স্ক্রিপ্ট ট্যাগ

ট্যাগ বর্ণনা
<script< <script< এলিমেন্টের মাধ্যমে ডকুমেন্টের সাথে জাভাস্ক্রিপ্ট যুক্ত করা হয় এবং ওয়েব পেজে লেখা যায় হয়
<noscript> <noscript> এলিমেন্টের মাধ্যমে যেসকল ব্রাউজারে জাভস্ক্রিপ্ট সাপোর্ট করে না তাদের জন্য কোন লেখা বা বার্তা দেয়া হয়।