JavaScript est essentiel pour créer des sites web interactifs et dynamiques. Ce guide explore deux manières d’exécuter du code JavaScript : directement dans le navigateur Chrome en utilisant ses outils de développement, et en utilisant Node.js pour une approche côté serveur ou autonome.
Table des matières
Exécuter JavaScript dans les DevTools Chrome
Cette méthode est parfaite pour les tests rapides et le débogage d’extraits de code JavaScript dans le contexte d’une page web. Aucune installation supplémentaire n’est nécessaire.
1. Créer votre fichier JavaScript :
Utilisez un éditeur de texte (Notepad, TextEdit, VS Code, etc.) pour créer un fichier (par exemple, myScript.js
) avec votre code JavaScript :
console.log("Bonjour depuis myScript.js !");
let message = "Ceci est une variable.";
console.log(message);
2. Ouvrir les DevTools Chrome :
Ouvrez Chrome, allez sur n’importe quelle page web, cliquez avec le bouton droit de la souris et sélectionnez « Inspecter » ou « Inspecter l’élément » (ou appuyez sur F12). Cliquez sur l’onglet « Console ».
3. Exécuter votre code (Méthode 1 : Entrée directe) :
Tapez du JavaScript directement dans la console et appuyez sur Entrée pour l’exécuter. Ceci est idéal pour les petits extraits de code.
4. Exécuter votre code (Méthode 2 : Utilisation d’un fichier HTML) :
Ceci est préférable pour les scripts plus importants. Créez un fichier HTML (par exemple, index.html
) :
<!DOCTYPE html>
<html>
<head>
<title>Mon test JavaScript</title>
</head>
<body>
<script src="myScript.js"></script>
</body>
</html>
Ouvrez index.html
dans Chrome. La console affichera la sortie de myScript.js
.
Exécuter JavaScript avec Node.js
Node.js vous permet d’exécuter JavaScript en dehors d’un navigateur web, idéal pour les scripts côté serveur, les outils en ligne de commande, etc. Bien que non directement *dans* Chrome, il est crucial pour le développement de JavaScript qui pourrait être utilisé dans les extensions Chrome ou les applications web.
1. Installer Node.js :
Téléchargez et installez Node.js depuis nodejs.org. Ceci installe également npm (Node Package Manager).
2. Créer votre fichier JavaScript :
Créez votre fichier myScript.js
comme décrit ci-dessus.
3. Exécuter depuis la ligne de commande :
Ouvrez votre terminal, naviguez jusqu’au répertoire contenant myScript.js
, et exécutez :
node myScript.js
La sortie apparaîtra dans votre terminal. Node.js exécute le JavaScript directement sur votre ordinateur, et non dans le navigateur Chrome.