Menu
Coddy logo textDocs
Français
Essayer dans le Playground

Exécuter du JavaScript : console, Node.js et HTML

Les vraies façons d'exécuter du JavaScript en 2026 : la console du navigateur, une balise script dans un fichier HTML, Node.js en ligne de commande, et quand choisir quoi.

Publié le Apr 23, 2026

Les trois endroits où s'exécute JavaScript

JavaScript ne tourne pas tout seul : il a besoin d'un environnement hôte qui comprend le langage. En 2026, il y a trois hôtes que vous utiliserez vraiment :

  • Un navigateur. Chaque navigateur embarque son moteur JavaScript (V8 dans Chrome et Edge, SpiderMonkey dans Firefox, JavaScriptCore dans Safari). Vous collez du code dans les DevTools et ça s'exécute.
  • Node.js. Un runtime autonome qui permet d'exécuter JavaScript en dehors du navigateur — depuis le terminal, sur des serveurs, à l'intérieur des outils de build.
  • Les playgrounds en ligne et éditeurs intégrés (comme ceux de cette page). En coulisses, c'est juste l'un des deux précédents, emballé dans une interface web.

Le langage reste identique partout. Ce qui change, c'est ce que le code peut atteindre : un navigateur vous donne document et window, Node vous donne l'accès au système de fichiers et au réseau. Commencez par celui qui est le plus simple pour votre situation ; vous pourrez toujours changer plus tard.

Option 1 : la console JavaScript de Chrome

Le moyen le plus rapide d'exécuter une ligne de JavaScript, c'est la console des DevTools du navigateur. Ouvrez n'importe quelle page web, appuyez sur F12 (ou Cmd+Option+I sur Mac), cliquez sur l'onglet Console et tapez :

index.js
Output
Click Run to see the output here.

Appuie sur Entrée après chaque ligne. La console affiche la valeur de retour des expressions et tout ce que tu passes à console.log. Tu peux déclarer des variables, appeler des fonctions et inspecter la page en cours — document.title te renverra le titre de l'onglet actuel.

La console est parfaite pour :

  • Tester un bout de code en deux secondes.
  • Bidouiller le DOM d'un site en production.
  • Déboguer du code qui tourne déjà sur une page.

Tout ce que tu tapes dans la console disparaît à la fermeture de l'onglet. Pour ce que tu veux conserver, passe par un fichier.

Option 2 : une balise <script> dans un fichier HTML

Pour exécuter du JavaScript dans une page web, glisse-le dans un fichier HTML. Enregistre ceci sous le nom index.html puis double-clique dessus pour l'ouvrir dans ton navigateur :

<!doctype html>
<html>
  <body>
    <h1 id="title">Chargement...</h1>
    <script>
      document.getElementById("title").textContent = "Bonjour depuis un script";
      console.log("Le script s'est exécuté");
    </script>
  </body>
</html>

La balise <script> dit au navigateur : « exécute ceci comme du JavaScript ». Le code a accès à la page dans laquelle il est intégré, donc document.getElementById(...) peut atteindre le <h1> qui le précède. Ouvre les DevTools pour voir ce qu'affiche console.log.

Dès que ton code dépasse quelques lignes, mieux vaut le sortir dans un fichier à part et le lier ainsi :

<script src="app.js"></script>

Placez la balise <script> juste avant la fermeture de <body>, ou ajoutez-lui l'attribut defer, pour qu'elle s'exécute une fois le HTML de la page analysé. On reviendra plus en détail sur les scripts de type module et l'ordre de chargement dans le chapitre consacré aux Modules.

Option 3 : exécuter un script Node.js depuis le terminal

Quand tu veux faire du JavaScript sans passer par le navigateur — un script qui renomme des fichiers, un petit serveur, un traitement de données vite fait — c'est Node.js qu'il te faut. Installe-le depuis nodejs.org (prends la version LTS), puis vérifie que tout fonctionne :

node --version

Enregistrez un fichier sous le nom script.js :

index.js
Output
Click Run to see the output here.

Ensuite, depuis ce même dossier, lance :

node script.js

La sortie s'affiche directement dans le terminal. Pas de HTML, pas de navigateur, pas d'étape de build. C'est comme ça que se passe la majorité du « vrai » développement JavaScript en dehors du navigateur — Node fait aussi tourner tous les outils (bundlers, test runners, linters) qui gravitent autour d'un projet navigateur.

Tu peux même lancer Node sans aucun fichier. Tape simplement node et appuie sur Entrée : tu obtiens une invite interactive (un REPL) où chaque ligne s'exécute au fur et à mesure que tu la tapes. Très pratique pour tester rapidement des choses, un peu comme la console du navigateur, mais dans ton terminal.

Option 4 : l'éditeur intégré à cette page

Sur Coddy, chaque bloc editor-javascript est un éditeur interactif. Tu modifies le code, tu cliques sur Run, tu vois le résultat. C'est clairement l'option la plus agréable quand tu débutes : aucune installation, aucune config, pas besoin de jongler entre les onglets :

index.js
Output
Click Run to see the output here.

Remplacez "monde" par votre prénom et relancez. Voilà toute la boucle de feedback : modifier, exécuter, lire le résultat. Une bonne partie de ce tuto est construite autour de ce réflexe.

Lequel choisir ?

Prenez celui qui correspond à ce que vous faites :

  • Tester une ligne rapide ou inspecter une page en direct — la console du navigateur.
  • Construire quelque chose avec une page web autour — un fichier HTML avec une balise <script>.
  • Écrire un script, un outil ou un serveur — Node.js depuis le terminal.
  • Suivre ce tuto — les blocs d'éditeur juste ici.

Quelques pièges classiques pour les débutants :

  • En Node.js, il n'y a ni document ni window. Ce sont des objets propres au navigateur. Si vous appelez document.getElementById(...) dans Node, vous obtenez ReferenceError: document is not defined.
  • Dans le navigateur, pas d'accès au système de fichiers. Les pages sont isolées (sandbox) pour des raisons de sécurité. Pour lire un fichier local, il faut passer par Node.
  • console.log fonctionne partout. C'est le "afficher quelque chose" universel en JavaScript.

Un script pour vérifier que tout roule

Lancez ceci dans l'environnement que vous avez choisi. Si vous voyez les trois lignes s'afficher, vous êtes prêt pour la page suivante :

index.js
Output
Click Run to see the output here.

Trois fonctionnalités dans un seul extrait : console.log, l'objet natif Date, et une méthode de tableau avec une fonction fléchée. On les verra chacune en détail dans les prochains chapitres.

La suite : syntaxe et points-virgules

Maintenant que le code tourne enfin quelque part, la vraie question, c'est à quoi ressemble la syntaxe JavaScript — les instructions, les expressions, et l'éternel débat : faut-il mettre un point-virgule à la fin de chaque ligne ? On attaque ça tout de suite.

Questions fréquentes

Comment exécuter du code JavaScript ?

Trois options très simples. La première : coller le code dans la console des DevTools du navigateur et appuyer sur Entrée. La deuxième : le placer dans un fichier HTML à l'intérieur d'une balise <script>, puis ouvrir le fichier. La troisième : installer Node.js et lancer node script.js depuis un terminal. C'est le même langage dans les trois cas, seul l'environnement d'exécution change.

Comment exécuter un fichier JavaScript en ligne de commande ?

Installe Node.js depuis nodejs.org, enregistre ton code dans un fichier script.js, puis lance node script.js dans un terminal ouvert au même endroit. Les console.log(...) s'affichent directement dans le terminal. Pas besoin de HTML, ni de navigateur, ni d'étape de build.

Comment exécuter du JavaScript dans Chrome ?

Ouvre n'importe quelle page web, appuie sur F12 (ou Cmd+Option+I sur Mac) et clique sur l'onglet Console. Tape une expression, appuie sur Entrée : elle s'exécute immédiatement dans le contexte de la page. C'est de loin le moyen le plus rapide pour tester un snippet, inspecter le DOM ou bidouiller un site en live.

Concepts liés

Apprendre à coder avec Coddy

COMMENCER