Como adicionar um arquivo JavaScript no HTML?

As páginas da web são projetadas usando várias linguagens de programação e duas dessas linguagens de programação da web são HTML e JavaScript. Html sigla de linguagem de marcação de hipertexto é usada para criar a estrutura das páginas da web que você vê na internet todos os dias. Enquanto isso, o JavaScript é uma linguagem de script bem conhecida usada para executar operações dinâmicas nas páginas da web para torná-las mais cativantes.

Para fazer esses idiomas funcionarem juntos, você deve adicionar seu arquivo JavaScript ao seu documento HTML. Com o objetivo de fazer isso, você pode adicionar seu arquivo JavaScript externo ao seu documento HTML.

Adicionando arquivo JavaScript

Para adicionar um arquivo JavaScript externo no seu documento HTML, atribua o link do seu arquivo ao atributo SRC na tag.

Sintaxe

// Adicionando arquivo JS usando nenhum caminho

Ou,

// Adicionando arquivo JS usando o caminho do arquivo

Ou,

// Adicionando arquivo JS usando URL

Pontos para lembrar!

• Você pode colocar essas tags na seção ou na seção.
• Conforme indicado na sintaxe, a extensão de arquivos JavaScript externos deve ser .JS.
• É benéfico usar arquivos JavaScript externos quando você precisa usar o mesmo código em vários documentos HTML. Além disso, isso aumentará a legibilidade e a manutenção do seu documento.

Abaixo, discutimos diferentes abordagens para adicionar seu arquivo JavaScript no HTML.

Condição 1: Adicionando arquivo JS usando o caminho do arquivo

Para adicionar seu arquivo JavaScript externo ao seu documento HTML, você deve fornecer o caminho do arquivo no atributo SRC da tag.

Suponha que tenhamos nossos arquivos HTML e JavaScript em nosso diretório:

Arquivo html

Digite seu nome:
Enviar

No exemplo acima, estamos criando um campo de entrada que pede ao usuário que insira seu nome.

Enquanto isso, definimos nossa função no arquivo JavaScript usando o seguinte código.

function functionName ()
alerta ("Seu nome foi enviado!");

Depois que o usuário pressiona o botão Enviar, uma mensagem de alerta é exibida.

Em outro cenário, quando seu arquivo HTML é colocado em uma pasta separada e o arquivo JavaScript em outra pasta, como mostrado abaixo.

Use a seguinte sintaxe, para adicionar o caminho do arquivo ao atributo SRC na tag.

Condição 2: Adicionando arquivo JS usando URL

Quando você deseja adicionar um arquivo JavaScript que é armazenado on -line, você deve simplesmente adicionar o URL do seu arquivo JavaScript online no atributo SRC da sua tag.

Exemplo

Digite seu nome:
Enviar

No exemplo acima, adicionamos o URL de um arquivo JavaScript externo que é armazenado online. O arquivo javascript online se parece com isso.

No arquivo acima, definimos nossa função que se destina a exibir uma mensagem de alerta quando o usuário pressiona o botão Enviar.

Saída

Seguindo estas etapas, você pode adicionar facilmente seu arquivo JavaScript externo ao seu documento HTML.

Conclusão

Para adicionar um arquivo JavaScript no HTML, forneça o caminho do arquivo JavaScript para o atributo SRC da tag ou se você estiver usando um arquivo JavaScript que é armazenado on -line, você deve adicionar o URL desse arquivo. Neste post, discutimos em detalhes as abordagens para adicionar seu arquivo JavaScript no HTML, demonstrando -as através de exemplos.