1. Inline JavaScript

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

What is this?

Inline JS is written directly inside an HTML tag using **event attributes** (like onclick). It is useful for very small actions but hard to manage for larger projects.

2. Internal JavaScript

<script>
  console.log("Hello from Internal JS");
  
  // DOM Manipulation Example
  document.getElementById("title").innerText 
      = "Hello JavaScript";
</script>

What is this?

Internal JS is placed inside the <script> tag, usually at the bottom of the <body>. It keeps logic within the same file as the HTML.

3. External JavaScript

File: script.js

console.log("External JS Loaded");

File: index.html

<script src="script.js"></script>

What is this?

This is the **Professional Industry Standard**. You write JS in a separate .js file and link it to your HTML. This makes the code reusable and keeps the project organized.