Comment appeler la fonction JavaScript dans HTML

JavaScript émerge jour après jour et est utilisé efficacement dans les pages Web. Chaque fois que JavaScript est appelé dans une page HTML, il interagit dynamiquement sur les pages Web. JavaScript rend les pages Web plus intuitives et améliore l'expérience utilisateur par rapport aux pages statiques. L'appel des fonctions de JavaScript dans une page HTML n'est pas une tâche complexe. Dans cet article, nous démontrons diverses façons d'appeler les fonctions JavaScript dans HTML.

Fonction JavaScript en ligne

La première méthode consiste à appeler la fonction JavaScript dans HTML. Pour cela, vous devez créer une fonction, puis définir cette fonction dans la section de tête ou la section corps du document HTML. Vous pouvez créer un lien ou un bouton, puis un événement onClick () lui est associé afin d'appeler cette fonction.

Maintenant, nous allons démontrer un exemple simple. Cet exemple contient un fichier html simple dans lequel nous avons défini une méthode functionname () dans les balises de script dans la tête du HTML comme indiqué ci-dessous.

De plus, nous avons créé un bouton et associé l'événement onClick () comme indiqué ci-dessous. Par la suite, chaque fois que l'utilisateur clique sur le bouton, la fonction est invoquée:

Hé, cliquez sur le bouton ci-dessous pour invoquer la fonction

Exemple

Hé, cliquez sur le bouton ci-dessous pour invoquer la fonction

Sortir

Appelez la fonction JavaScript via des fichiers externes

La deuxième méthode consiste à appeler une fonction JavaScript dans HTML via externe .Fichiers JS. Les fichiers externes de JavaScript sont joints dans la section tête du fichier HTML. Tout d'abord, vous devez créer deux fichiers I.E… fichier html dans lequel le code HTML est écrit et l'autre est .js dans lesquels les fonctions sont définies.

Nous devons créer un document HTML une fois que nous avons terminé avec la création de JavaScript. Après avoir incorporé le fichier JavaScript, nous devons créer un lien ou un bouton, puis invoque la fonction définie dans le fichier javascript.

Exemple

Cet exemple contient un fichier HTML simple "mettre en œuvre.html"Dans lequel nous lions le fichier javascript externe"jsarticle.js".

mettre en œuvre.html

Hé, cliquez sur le bouton ci-dessous pour invoquer la fonction

Jsarticle.js

fonction functionname ()
document.écriture ("vous apprenez à appeler la fonction JavaScript dans HTML");

Les fichiers HTML et JavaScript doivent être enregistrés dans le même dossier et sinon, nous devons fournir un chemin complet dans les balises de script présentes dans la section Head. Dans notre exemple fourni, nous avons enregistré les fichiers HTML et JavaScript dans le même dossier que c'est pourquoi nous avons fourni le nom du fichier JavaScript au lieu de fournir le chemin complet.

Nous avons créé un bouton dans la section Body et en plus de ce bouton, nous avons également utilisé l'événement OnClick pour appeler une fonction. Maintenant, chaque fois que l'utilisateur clique sur ce bouton, la fonction sera invoquée qui est définie dans le fichier javascript comme indiqué dans l'image ci-dessous.

Hé, cliquez sur le bouton ci-dessous pour invoquer la fonction

Sortir

Conclusion

Dans cet article, nous montrons comment appeler les fonctions JavaScript dans HTML. Nous avons également discuté de deux méthodes. Dans la première méthode, nous incluons un fichier JavaScript dans un document HTML. Dans la deuxième méthode, nous appelons JavaScript via des fichiers externes. Ces deux méthodes ont été brièvement expliquées ainsi que des exemples de la façon dont les fonctions JavaScript peuvent être invoquées dans HTML.