Onde devo colocar um código JavaScript em um documento HTML?
Em um documento HTML, você deve colocar o código JavaScript dentro das tags . Existem algumas maneiras de fazer isso:
- Inline: Você pode adicionar o código diretamente na parte do HTML onde você deseja que ele seja executado. Por exemplo:
<!DOCTYPE html>
<html>
<head>
<title>Exemplo de código JavaScript</title>
</head>
<body>
<h1>Meu documento HTML</h1>
<script>
// Seu código JavaScript aqui
console.log("Olá, mundo!");
</script>
</body>
</html>
Nesse exemplo, o código JavaScript está sendo adicionado diretamente entre as tags e na parte do do documento HTML.
- External: Você pode criar um arquivo separado com extensão .js e, em seguida, fazer referência a ele usando o atributo “src” da tag . Por exemplo:
<!DOCTYPE html>
<html>
<head>
<title>Exemplo de código JavaScript externo</title>
<script src="meu-codigo.js"></script>
</head>
<body>
<h1>Meu documento HTML</h1>
</body>
</html>
Nesse exemplo, o arquivo “meu-codigo.js” contém o código JavaScript e é referenciado no cabeçalho do documento usando o atributo “src” da tag .
Ambas as abordagens são válidas, mas a escolha depende do tamanho e complexidade do código JavaScript. Para pequenos scripts, a abordagem inline é mais conveniente. No entanto, para códigos maiores e mais complexos, é melhor usar arquivos externos para manter o documento HTML mais organizado e separar as responsabilidades entre HTML e JavaScript.