in

Cómo llamar a la función de JavaScript en html

how to call javascript function in html

Hay muchas formas de llamar a una función de JavaScript en el documento HTML y tampoco es una tarea difícil. Primero, hemos utilizado una de las formas más fáciles de llamar a una función de JavaScript en un documento HTML:

En este método, crearemos y definiremos una función en la sección de cabecera del documento HTML. Para invocar esta función en el documento html, tenemos que crear un botón simple y usar el al hacer clic atributo de evento (que es un controlador de eventos) junto con él, podemos llamar a la función haciendo clic en el botón.

Para entenderlo más claramente, veamos el programa dado:

Programa

Explicación del programa

En el programa anterior, hemos creado un documento HTML simple. Dentro de la sección de cabecera del documento HTML, hemos definido una función (por ejemplo, mi función ();) dentro de las etiquetas de secuencia de comandos .

Por otro lado, dentro de la sección del cuerpo, mostramos algo de texto y creamos un botón. Para llamar a nuestra función, hemos utilizado el al hacer clic atributo junto con el botón y cuando el usuario hace clic en ese botón, nuestra función se ejecuta y muestra un mensaje de alerta, como puede ver en la salida.

Producción

Cómo llamar a la función de JavaScript en html

Llamar a una función usando un archivo JavaScript externo

También podemos llamar a funciones JavaScript usando un archivo JavaScript externo adjunto a nuestro documento HTML. Para hacer esto, primero tenemos que crear un archivo JavaScript y definir nuestra función en él y guardarlo con la extensión (.Js).

Una vez que se crea el archivo JavaScript, necesitamos crear un documento HTML simple. Para incluir nuestro archivo JavaScript en el documento HTML, tenemos que usar la etiqueta script

Explicación del programa

En el programa anterior, primero, hemos creado un archivo JavaScript y definido nuestra función en él y lo hemos guardado con la extensión.js extensión.

Function.js

Después de crear el archivo JavaScript, hemos creado un documento HTML y vinculado nuestro archivo JavaScript usando . Debido a que hemos almacenado nuestro documento HTML y nuestro archivo JavaScript en la misma carpeta, acabamos de nombrar nuestro archivo JavaScript en el atributo "scr" en lugar de proporcionar la ruta completa en la sección principal.

Dentro de la sección del cuerpo, mostramos algo de texto y creamos un botón. Para llamar a nuestra función, hemos utilizado el al hacer clic atributo junto con el botón y cuando el usuario hace clic en ese botón, nuestra función se ejecuta y muestra un mensaje de alerta, como puede ver en la salida.

Producción

Cómo llamar a la función de JavaScript en html

Ahora haga clic en el botón dado:

Cómo llamar a la función de JavaScript en html