-->
Home
Java Script Tutorial

JS Part : 2 - Where to keep JavaScript & External JavaScript..


★ HTML পেজে JavaScript কোড কোথায় রাখতে হয়?  
HTML পেজের মধ্যে <head> অথবা <body> অথবা উভয় tag এর মধ্যে JavaScript কে রাখা যায়।
আর HTML এর মধ্যে JavaScript কোড ব্যবহার করতে হলে অবশ্যই Javascript কোডকে  <script> এবং </script> ট্যাগের মধ্যে লিখতে হয়। 

Code Example — 
<script>
    document.getElementById("test").innerHTML = "Welcome on Analytics Lincons IT";
</script>

★ <head> অথবা <body> এর মধ্যে JavaScript —
JavaScript কে HTML এর <body> অথবা <head> অথবা উভয়ের মধ্যেই রাখা যায় এবং HTML ডকুমেন্টের মধ্যে  যত ইচ্ছা তত JavaScript কোড রাখা যাবে । তবে সবচেয়ে ভাল সকল কোড একই জায়গায় রাখা।


★ <head> ইলিমেন্টে JavaScript এর ব্যবহার —
নিচের এই example  টিতে JavaScript  ফাংশনকে HTML পেজের <head> অংশে রাখা হয়েছে।
নিচে "Click করুন" বাটনটিতে click  করে ফলাফল দেখুন↓

 Code Example —
<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="utf-8">
    <title> WELCOME  TO  LEARN   JAVASCRIPT </title>
<script>
    function myFunc() {
        document.getElementById("test").innerHTML = " Javascript সম্পর্কে কেমন ধারণা হল ? ";
    }
</script>
</head>
<body>
    <h4>Analytics Lincons IT </h4>
    <p id="test">Lincons IT তে স্বাগতম .  </p>
    <button type="button" onclick="myFunc()">Click করুন </button>
</body>
</html>
Code Result —
★ <body> এর মধ্যে JavaScript এর ব্যবহার —
JavaScript কে <body> ইলিমেন্টের নিচের দিকে রাখা ভাল কারণ এতে page দ্রুত লোড হয়।
এবার নিচের example টিতে JavaScript  ফাংশনকে HTML পেজের <head> ইলিমেন্টে  না রেখে  <body> ইলিমেন্টে রাখলাম।
নিচে "Click করুন" বাটনটিতে click  করে ফলাফল দেখুন↓

Code Example — 
<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="utf-8">
    <title> WELCOME TO LEARN JAVASCRIPT </title>
</head>
<body>
    <p id="test">Lincons IT তে স্বাগতম .</p>
    <button type="button" onclick="myFunc()">Click করুন </button>
 
    <script>
    function myFunc() {
        document.getElementById("test").innerHTML = "Javascript সম্পর্কে কেমন ধারণা হল ?";
    }
    </script>
</body>
</html>

Code Result — 
WELCOME TO LEARN JAVASCRIPT
Lincons IT তে স্বাগতম .



★ External JavaScript এর ব্যবহার —
JavaScript কে external ফাইলের মধ্যেও রাখা যায়।
একই ধরণের Script কোড যখন একাধিক Web Page এ  ব্যবহার করার দরকার হয় তখন External JavaScript  ব্যবহার করতে হয়। External JavaScript এর ফাইলকে  <head> অথবা <body> এর মধ্যে রাখা যাবে।

JavaScript  ফাইলের file extension হচ্ছে .js।
External JavaScript  ব্যবহার করার জন্য javascript  ফাইলটি <script> ট্যাগের src এট্রিবিউটের মধ্যে রাখতে হবে।

Code Example —
প্রথমেই function  কে myscript.js এ  external javacript এ জমা রাখলাম —
function myFunc() {
document.getElementById("test").innerHTML = "HAPPY JS LEARNING ";
}


<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="utf-8">
    <title>Example of external javascript.</title>
</head>
<body>
<h3>External JavaScript</h3>
<p id="test">Welcome .</p>
<button type="button" onclick="myFunc()">Click করুন </button>
<script src="Myscript.js"></script>
</body>
</html>