এইচ টি এম এল এর সাথে যুক্ত করা – জাভাস্ক্রিপ্ট (পর্ব-৪)

HTML পেজে জাভামস্ক্রিপ্ট যুক্ত করার জন্য <script> </script> স্ক্রিপ্ট ট্যাগ ব্যবহার করা হয়।ঠিক <script language=”Javascript” type=”text/javascript”>………</script> এর অনুরূপে লেখা হয়।(…………) অংশে প্রয়োজনীয় এবং অন্যান্য কোড সমূহ রাখা হয়।<head> </head> অথবা <body> </body> এর মধ্যে জাভামস্ক্রিপ্ট যুক্ত করা হয়।<head> </head> এর মধ্যে রাখলে তাকে বলা হয় হেডার স্ক্রিপ্ট(header script) আর <body> </body> এর মধ্যে করা হলে তাকে বলা হয় (body script) । সচরাচর <head> </head> এর মধ্যে বিভিন্ন ধরনের ফাংশন তৈরি করা হয় আর <body> </body> এর মধ্যে থেকে ঐ ফাংশনকে প্রয়োজনে কল করা হয়।

অনুশীলন প্রজেক্ট

<html>

<head>

<title> www.tutohost.com</title>


<style>

body{background: #FFC}

</style>

<script type=”text/javascript”>

function myClick()

{

alert(“Welcome to learning JavaScript.”);

}
</script>

</head>


<body>

<button onclick=”myClick()”>Click Me</button>

</body>

</html>

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