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!