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

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 করলে নিচে প্রদর্শিত ছবির মত দেখাবে।


আরো পড়ুনঃ

অসীম কুমার

লেখক ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়(DUET)এ EEE তে লেখাপড়া করেন। তিনি টিউটোরিয়ালবিডি এবং টিউটোহোস্টের জন্য ইলেক্ট্রনিক্স, ওয়েব ডিজাইন ও ডেভলপমেন্ট এবং মাইক্রোকন্ট্রোলারের উপর টিউটরিয়াল এবং ই-বুক লিখেছেন।এছাড়া তিনি বিজ্ঞান প্রযুক্তি ডট কমে নিয়মিত লিখে থাকেন। তিনি তার প্রতিটা টিউটোরিয়াল এবং ব্লগে সৃজনশীলতাকে গুরুত্ব দিয়ে থাকেন।তার ভাষায় "আসুন আমরা আমাদের দেশীয় প্রযুক্তিকে সমৃদ্ধ করার চেষ্টা করি, উৎসাহিত করি সকল ভাল পদক্ষেপ এবং প্রচেষ্টাকে।উজ্জ্বল আগামি আমাদেরকে হাতছানি দিচ্ছে"।তাকে ফেসবুকে বন্ধু হিসেবে যোগ করতে পারেন। 

Tags:

" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true">

ফেসবুকের মাধ্যমে মন্তব্য লিখুন

Leave a Reply