Incorporando JavaScript em HTML

Uso da tag `<script>` para incluir código JavaScript

A tag <script> é essencial para incorporar JavaScript em documentos HTML. Ela pode ser usada de duas formas principais: para incluir código JavaScript diretamente no HTML ou para referenciar um arquivo JavaScript externo que contém o código. A tag pode ser colocada dentro do <head> ou do <body>, dependendo de quando você deseja que o script seja carregado.

Exemplo de uso da tag <script>:

<script>
    console.log("Este é um script interno.");
</script>

Esse exemplo mostra um script simples que imprime uma mensagem no console do navegador. Ao colocar o código entre as tags <script>, você instrui o navegador a executá-lo como JavaScript.

Diferença entre Scripts Internos e Externos

Ao incorporar JavaScript em HTML, você pode escolher entre usar scripts internos ou externos. Cada abordagem tem suas vantagens e situações em que é mais apropriada:

Scripts Internos

Scripts internos são blocos de código JavaScript escritos diretamente dentro de um documento HTML, geralmente dentro de tags <script>. Eles são úteis para scripts pequenos ou códigos que são específicos para uma única página.

Vantagens:

Simplicidade: não há necessidade de manter arquivos separados.
Conveniência: tudo está contido em um único arquivo, facilitando o gerenciamento de páginas menores.

Desvantagens:

Manutenção: pode se tornar difícil de gerenciar à medida que o volume de código cresce.
Performance: cada página com scripts internos faz o navegador carregar o código JavaScript novamente, mesmo que seja o mesmo em várias páginas.