La programación se trata de eficiencia. La repetición dentro de un código siempre ha sido mal vista por los desarrolladores de todo el mundo. Para cumplir con este propósito, existe algo llamado funciones en la programación. Entonces, ¿qué es exactamente una función?? Las funciones pueden verse como un código que el desarrollador crea dentro de su programa. Esta función que se ha creado una vez se puede utilizar varias veces utilizando el nombre de esa función. En el desarrollo web, las funciones se crean dentro de JavaScript, pero se pueden usar dentro del código HTML.

En este artículo, se arrojará algo de luz sobre cómo la sección HTML puede acceder a una función que existe en JavaScript.

Llamar a cualquier función JS dentro del código HTML

Al abordar las funciones en JavaScript, se destacarán dos escenarios distintos. Esta sección le mostrará cómo puede llamar a cualquier función de JavaScript en cualquiera de esos dos casos.

JavaScript dentro del archivo HTML

Cuando la función JavaScript existe dentro del mismo archivo que el código HTML, es bastante simple acceder a ella y llamarlo dentro de HTML. Veamos el código de muestra a continuación:

Haga clic en este botón para llamar a la función JavaScript dentro de HTML

Dentro de la sección JavaScript de este código, se forma una función que tiene el nombre "función de muestra". Se supone que la función ejecuta una alerta cuando se llama. Dentro del cuerpo principal del código HTML, se crea un botón. Los botones tienen un "al hacer clic"Característica que les permite llamar a las funciones del código JS. Utilizaremos el nombre "función de muestra"Que se usará para llamarlo en el"al hacer clic" característica. Mira el ejemplo a continuación:

La salida es la siguiente:

JavaScript dentro de un archivo externo

En la mayoría de los casos, las funciones de JavaScript no están presentes dentro del mismo archivo que el código HTML. En casos como este, los dos archivos deben vincularse para que el código HTML pueda llamar a las funciones de JavaScript. Este código a continuación representa el archivo JavaScript:

función sampleFunction ()
documento.escribir ("se ha llamado a la función!");

En el archivo JavaScript, se ha creado la función. Esta función ahora se puede llamar en un archivo HTML tantas veces como el desarrollador desee. El siguiente código muestra el archivo HTML:

Haga clic en este botón para llamar a la función JavaScript dentro de HTML

Aquí hemos vinculado el archivo JavaScript que se llama "jsfile.js"Con el archivo HTML usando el"SRC"Palabra clave dentro de las etiquetas de script. Hacer esto permitirá el "al hacer clic"Función a continuación para acceder a la función desde el archivo JS.

Conclusión

Hay dos formas de llegar a una función de JavaScript dentro de HTML. El primero es usar el "al hacer clic"Característica de un botón para llamar a la función que ya está presente dentro del archivo HTML. El segundo es vincular el archivo JavaScript externo con el archivo HTML utilizando la palabra clave "SRC". En este artículo, ha aprendido los dos escenarios diferentes en los que deberá acceder a una función de JavaScript dentro de HTML.