HTML এ স্ক্রিপ্ট এর ব্যবহার



HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। তাই ওয়েব পেজেও প্রোগ্রামিং এর সুবিধা যুক্ত করার জন্য বিভিন্ন ধরনের স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ব্যবহার করা হয়, যেমন জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি। এর  মাধ্যমে ওয়েব পেজে লোকাল টাইম প্রদর্শন, সময় দিন তারিখ প্রদর্শন, ব্রাউজার চিহ্নিত করা, সময় এবং ইভেন্ট এর উপর ভিত্তি করে ব্যবহারকারীকে কোন বিশেষ বার্তা প্রদর্শন করা সহ বিভিন্ন ধরণের আকর্ষণীয় এবং গুরুত্বপূর্ণ কাজ করা সম্ভব হয়।

জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করার জন্য HTML এ <script> </script> ট্যাগ ব্যবহার করা হয়। যেমন
                          <script type="text/javascript" src="jquery.js"></script>
                          <script type="text/javascript" src="sliding_effect.js"></script> 
 

উদাহরণ প্রোগ্রাম

<html>
<head>
<title> Badal World</title>
<script type="text/javascript">
function show_alert()
{
alert("Welcome to Badal World Tutorial ");
}
</script>

</head>
<body bgcolor="#FFC0CB" >
<input type="button" style="margin-left:150px; width:100px; height:50px; font-size:18px; color:#F00" onclick="show_alert()" value="Click Me" />
</body>
</html>

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozila Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।


যদি Click Me বাটনটিতে ক্লিক করা হয় তাহলে একটি এলার্ট বক্সে Welcome to Badal World Tutorial লেখাটি দেখা যাবে।
HTML এ স্ক্রিপ্ট এর ব্যবহার HTML এ স্ক্রিপ্ট এর ব্যবহার Reviewed by Chef on 10:46:00 PM Rating: 5

No comments: