Qu'est-ce que le JavaScript ?
JavaScript est un langage de programmation de haut niveau utilisé principalement pour développer des applications web interactives. Conçu pour ajouter des fonctionnalités dynamiques et de l'interactivité aux sites web, JavaScript est un langage interprété. Cela signifie qu'il s'exécute directement dans le navigateur web du client sans nécessiter de pré-compilation.
JavaScript fournit un large éventail de fonctionnalités, notamment la manipulation de contenu HTML, la gestion d'événements, l'interaction de l'utilisateur, la validation de formulaires, la communication avec des serveurs web (viades appels AJAX) et la création d'animations.
Il peut être utilisé en combinaison avec le balisage (HTML) et le langage de présentation (CSS) pour créer des applications web complètes. JavaScript est pris en charge par tous les navigateurs modernes, ce qui en fait l'un des langages de programmation les plus utilisés pour le développement Web. Il offre une grande flexibilité et facilite l'amélioration de l'expérience utilisateur en rendant les pages web interactives, réactives et dynamiques. De plus, JavaScript est également utilisé pour développer des applications web côté serveur et des applications mobiles hybrides à l'aide de frameworks et de bibliothèques populaires tels que React, Vue.js et Node.js.
Exemple de code Javascript inclus dans un code HTML
Dans l'exemple ci-dessus, le code JavaScript est écrit entre les balises associées à l'élémentscriptdans la sectionheaddu fichier HTML. Il peut contenir des fonctions, des variables, des événements, etc. Ici, une fonction afficherMessage() est appelée lorsque l'utilisateur clique sur le bouton. Cette approche est simple et pratique pour de petites quantités de code. Cependant, elle peut devenir difficile à gérer lorsque le code JavaScript devient plus complexe ou lorsque l'on souhaite réutiliser le code sur plusieurs pages.
Exemple de code Javascript séparé du code HTML
Il est également possible d'écrire le code JavaScript dans un fichier distinct avec l'extension .js et de l'inclure ensuite dans le fichier HTML en utilisant la balise associée à l'élémentscriptavec l'attributsrcspécifiant le chemin vers le fichier JavaScript. Dans l'exemple figurant au début de ce document, le fichier JavaScriptscript.jscontient la fonctionafficherMessage().
Cette approche est recommandée pour des projets plus importants, car elle facilite la séparation du code HTML et JavaScript, rendant le code plus organisé et maintenable. De plus, on peut réutiliser le même fichier JavaScript sur plusieurs pages HTML.
Exemple de formulaire Javascript - Code HTML
Dans cet exemple, le fichier HTML (index.html) contient le formulaire et fait référence au fichier JavaScript (script.js) à l'aide de la balise associée à l'élémentscriptavec l'attributsrcspécifiant le chemin vers le fichier JavaScript.
Exemple de formulaire JavaScript - Code javaScript
Le fichier JavaScript (script.js) contient le code pour manipuler le formulaire. Il récupère le formulaire à l'aide de document.getElementById("monFormulaire") et ajoute un événement de soumission en utilisant addEventListener.
À l'intérieur de la fonction de gestion de l'événement, le code récupère les valeurs saisies dans les champs du formulaire en utilisant les IDs correspondants (nom et email). Il valide ensuite les données et affiche une alerte si des champs sont vides ou traite les données en affichant une autre alerte avec les valeurs saisies.
Grâce à la séparation du code JavaScript dans un fichier distinct, le code HTML reste plus clair et plus concis, et il est plus facile de maintenir et de gérer le code JavaScript de manière indépendante.