Como chamar JavaScript Função em HTML

JavaScript está surgindo dia a dia e é usado com eficiência em páginas da web. Sempre que o JavaScript é chamado em uma página HTML, ele interage dinamicamente nas páginas da web. O JavaScript torna as páginas da Web mais intuitivas e aprimora a experiência do usuário em comparação com as páginas estáticas. Chamar as funções de JavaScript em uma página HTML não é uma tarefa complexa. Neste artigo, demonstramos várias maneiras de chamar as funções JavaScript em HTML.

Função javascript embutida

O primeiro método é chamar a função JavaScript em HTML. Para isso, você deve criar uma função e definir esta função na seção da cabeça ou na seção corporal do documento HTML. Você pode criar um link ou um botão e, em seguida, um evento onclick () está associado a eles para chamar essa função.

Agora vamos demonstrar um exemplo simples. Este exemplo contém um arquivo html simples no qual definimos um método functionName () dentro das tags de script na cabeça do html, como mostrado abaixo.

Além disso, criamos um botão e associamos o evento onclick () com ele, como mostrado abaixo. Posteriormente, sempre que o usuário clicar no botão, a função é invocada:

Ei, clique no botão abaixo para invocar a função

Exemplo

Ei, clique no botão abaixo para invocar a função

Saída

Ligue para a função JavaScript através de arquivos externos

O segundo método é chamar uma função JavaScript em HTML por meio de externo .arquivos js. Arquivos externos de JavaScript estão anexados na seção principal do arquivo html. Primeiro de tudo, você precisa criar dois arquivos eu.e… arquivo html no qual o código html está escrito e o outro é .JS em que as funções são definidas.

Temos que criar um documento HTML assim que terminarmos com a criação de JavaScript. Depois de incorporar o arquivo JavaScript, precisamos criar um link ou um botão e invocar a função definida no arquivo JavaScript.

Exemplo

Este exemplo contém um arquivo html simples “Articl.html”Em que vinculamos o arquivo JavaScript externo“JSarticle.JS”.

Articl.html

Ei, clique no botão abaixo para invocar a função

JSarticle.JS

function functionName ()
documento.Escreva ("Você está aprendendo a chamar a função JavaScript em HTML");

Os arquivos HTML e JavaScript devem ser salvos na mesma pasta e, se não, temos que fornecer um caminho completo nas tags de script presentes na seção da cabeça. Em nosso exemplo fornecido, salvamos os arquivos HTML e JavaScript na mesma pasta e é por isso que fornecemos o nome do arquivo JavaScript, em vez de fornecer o caminho completo.

Criamos um botão na seção do corpo e, além desse botão, também usamos o evento OnClick para chamar uma função. Agora, sempre que o usuário clicar nesse botão, a função será invocada, que é definida no arquivo JavaScript, como mostrado na imagem abaixo mencionada.

Ei, clique no botão abaixo para invocar a função

Saída

Conclusão

Neste artigo, demonstramos como chamar funções JavaScript no HTML. Também discutimos dois métodos. No primeiro método, estamos incluindo um arquivo JavaScript em um documento HTML. No segundo método, estamos chamando JavaScript através de arquivos externos. Ambos os métodos foram explicados brevemente juntamente com exemplos de como as funções JavaScript podem ser invocadas em HTML.