As formas de incluir JavaScript em uma página HTML: inline, interno e externo
Existem três formas de incluir JavaScript em uma página HTML.
O código fica dentro da tag <script> no próprio arquivo HTML.
1<!DOCTYPE html> 2<html> 3 <body> 4 <h1>Olá!</h1> 5 6 <script> 7 console.log("JavaScript funcionando!"); 8 </script> 9 </body> 10</html>
O código fica em um arquivo .js separado e é referenciado com o atributo src.
1<script src="script.js"></script>
É a forma mais recomendada. Mantém o HTML limpo e permite reutilizar o mesmo arquivo em várias páginas.
O JavaScript fica diretamente em um atributo HTML como onclick.
1<button onclick="alert('Olá!')">Clique</button>
Funciona, mas mistura comportamento com estrutura. Evite no dia a dia.
<script>?O lugar mais comum é antes do </body>, no final do HTML. Isso garante que os elementos da página já existam quando o JavaScript tentar acessá-los.
1<!DOCTYPE html> 2<html> 3 <head> 4 <title>Minha página</title>
Colocar o <script> no <head> também é válido, mas nesse caso o atributo defer garante que o script só execute depois que o HTML terminar de carregar:
1<head> 2 <script src="script.js" defer></script> 3</head>