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:

  1. 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.

  1. 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.