Adding JavaScript to HTML
Three Ways to Add JavaScript
- Inline Script: Add JavaScript directly to an HTML element using the
onclickor similar attribute. - Internal Script: Place JavaScript code inside a
<script>tag within your HTML file. - External Script: Write JavaScript in a separate
.jsfile 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!