Adding JavaScript to HTML

Three Ways to Add JavaScript

  • Inline Script: Add JavaScript directly to an HTML element using the onclick or similar attribute.
  • Internal Script: Place JavaScript code inside a <script> tag within your HTML file.
  • External Script: Write JavaScript in a separate .js file and link it to your HTML.

Examples

  • Inline: <button onclick="alert('Clicked!')">Click me!</button>
  • Internal:
    <script>
      alert('Hello from internal script!');
    </script>
  • External:
    <script src="script.js"></script>
    // script.js
    console.log('Hello from external file!');

Tip: External scripts are best for big projects and code reuse!