Blog

JavaScript Likhne ke Tarike – Types of JavaScript

JavaScript Likhne ke Tarike – Types of JavaScript ?

JavaScript ek bahut hi powerful programming language hai jo web development ke liye use hoti hai. Is article me hum dekhenge ki JavaScript likhne ke alag-alag tarike kya hote hain aur kaun kaun se types hote hain.

1. Inline JavaScript

Inline JavaScript ka matlab hai jab hum directly HTML element ke andar JavaScript code likhte hain. Yeh mostly event attributes jaise onclick, onmouseover, onchange mein use hota hai. Iska fayda yeh hai ki chhoti functionality ke liye quick solution milta hai. Lekin iska ek bada drawback yeh hai ki yeh code ko messy bana sakta hai aur maintain karna mushkil ho sakta hai. Is wajah se bade projects ke liye external JavaScript files use karna best practice mana jata hai.

Example :

<button onclick="alert('Hello, World!')">Click Me</button>

Explanation:

  • Yahaan <button> tag ke andar onclick attribute me directly JavaScript code likha gaya hai.
  • Jab user button pe click karega, ek alert box open hoga.

Kab Use Kare?

  • Jab aap chhoti functionalities add karna chahte hain jaise button click pe alert dikhana.
  • Large projects ke liye ye recommended nahi hai kyunki ye code readability ko kharab karta hai.

2. Internal JavaScript

Internal JavaScript ek aisa JavaScript code hota hai jo HTML document ke <script> tag ke andar likha jata hai aur wahi par execute hota hai. Yeh code <head> ya <body> section me likha ja sakta hai. Iska use chhoti scripts ya kisi specific HTML page ke liye kiya jata hai. External .js file ki zarurat nahi hoti, jo isse simple banata hai. Lekin, large projects me maintainability ke liye external JavaScript prefer kiya jata hai.

Example :

<!DOCTYPE html>
<html>
<head>
  <script>
     function greet() {
       alert("Welcome to JavaScript!");
     }
  </script>
</head>
<body>
    <button onclick="greet()">Click Me</button>
</body>
</html>

Explanation:

  • Yahaan <script> tag ka use karke HTML document ke andar hi JavaScript likhi gayi hai.
  • Function greet() define kiya gaya hai jo alert message show karega.

Kab Use Kare?

  • Jab aap chhote ya medium level ke projects pe kaam kar rahe ho.
  • Ye Inline JavaScript se better hai kyunki code structured hota hai.

3. External JavaScript

External JavaScript ek tarika hai jisme JavaScript code ek alag .js file me likha jata hai aur phir usse HTML file me <script src="file.js"></script> tag ke through link kiya jata hai. Yeh approach webpage ka structure aur functionality alag-alag rakhne me madad karti hai, code reusability badhati hai, aur website ki performance improve karti hai. External JavaScript SEO aur caching me bhi help karta hai, jisse webpage jaldi load hota hai aur maintain karna easy ho jata hai.

Example:

Step 1: script.js File

function greet() {
    alert("Welcome to External JavaScript!");
}

Step 2: index.html File

<!DOCTYPE html>
<html>
  <head>
   <script src="script.js"></script>
  </head>
  <body>
   <button onclick="greet()">Click Me</button>
  </body>
</html>

Explanation:

  • Yahaan script.js ek external file hai jisme pura JavaScript code likha gaya hai.
  • Is file ko <script src="script.js"> ke through HTML document me link kiya gaya hai.

Kab Use Kare?

  • Jab aap large projects pe kaam kar rahe ho.
  • Ye best practice mani jati hai kyunki isse code reusable aur maintainable hota hai.

Kaunsa Tarika Best Hai?

Tarika Kab Use Kare? Advantages Disadvantages
Inline JavaScript Chhoti functionalities ke liye Simple aur direct hota hai Code readability kharab hoti hai
Internal JavaScript Medium-sized projects ke liye Structured aur HTML ke saath easy to manage hota hai Large projects me cluttered ho sakta hai
External JavaScript Large projects ke liye Code reusable aur maintainable hota hai Extra file load karni padti hai

Summary:

  • Inline JavaScript sirf small functionalities ke liye sahi hai.
  • Internal JavaScript structured hota hai lekin large projects ke liye ideal nahi hai.
  • External JavaScript sabse best practice hai kyunki ye maintainability aur scalability ke liye useful hota hai.

Quiz: Test Your Knowledge on JavaScript Types

Bonus: Practical Application!

Aaj hi apne webpage par JavaScript likhne ke alag-alag tareeke explore karein!

JavaScript ko sahi tareeke se samajhne ke liye different types jaise Inline JavaScript, Internal JavaScript aur External JavaScript ka upayog karein aur apne coding skills ko aur bhi behtar banayein.

Leave a Reply