Tapez du JavaScript, appuyez sur Exécuter et regardez la console. L’éditeur ci-dessus exécute votre code dans une frame isolée et rapporte la sortie console.log, les avertissements et les erreurs — avec des numéros de ligne qui correspondent à l’éditeur, si bien qu’une erreur ligne 12 dit ligne 12. C’est la boucle la plus rapide qui soit pour essayer une idée : pas de dossier de projet, pas de node, pas de devtools à fouiller.
Exécuter du JavaScript en ligne, en sécurité
Chaque exécution part d’une frame fraîche et isolée : variables, minuteurs et état de console du run précédent ne saignent jamais vers le suivant, les résultats restent reproductibles. La frame est confinée à votre propre page — votre code ne peut pas toucher l’éditeur lui-même, le site autour, ni rien sur votre disque. Il n’y a aucune exécution côté serveur : ce que vous lancez, votre navigateur le lance.
La ligne d’état affiche la durée d’exécution, et console.log, console.warn et console.error gardent leurs niveaux dans le panneau de sortie — erreurs en rouge, avertissements en ambre. Les objets et tableaux loggés sont formatés en JSON, souvent le plus rapide pour inspecter une structure qu’on vient de construire. Les rejets de promesses non gérés sont captés aussi : une fonction async qui lève ne rate jamais en silence.
Apprendre avec les exemples
Le menu d’exemples commence par les classiques — méthodes de tableau, objets et déstructuration, fonctions et récursion, formatage de dates, et une séquence async/await au chronomètre visible — chacun écrit pour être lu autant qu’exécuté. Chargez-en un, modifiez quelque chose, relancez : l’éditeur garde votre version, et Réinitialiser ramène l’exemple d’origine quand vous voulez repartir propre.
Si vous suivez le parcours JavaScript (actuellement en anglais), cet éditeur est le brouillon de ces leçons. La boucle lire un concept → taper une variante → voir la sortie est exactement celle des exemples interactifs des leçons, et la retrouver dans un éditeur pleine taille permet de faire grandir vos expériences au-delà des petites boîtes d’une leçon.
Chronométrage, erreurs et discipline de console
Chaque run étant isolé et chronométré, l’éditeur sert vraiment aux micro-benchmarks — échangez deux implémentations d’une boucle et comparez les millisecondes dans la barre d’état. Quand le code lève, le message arrive avec sa ligne et sa colonne : une coquille ligne 8 se rapporte ligne 8, pas à un décalage à traduire. Les erreurs de syntaxe passent par le même chemin, avant même l’exécution.
Une limite assumée : il n’y a pas de DOM à scripter — le runtime est une frame vide, pas une page web. Pour pratiquer le DOM, le Web Playground exécute HTML, CSS et JavaScript ensemble avec aperçu live, et l’éditeur HTML vous donne un document complet avec console. Cet outil est le brouillon purement langage des trois.
Votre code reste avec vous
Le code est sauvegardé dans le stockage local du navigateur — rechargez la page, fermez l’onglet, revenez demain : votre dernière version est là. Partager emballe le code courant dans le lien lui-même (la partie après le # n’atteint jamais un serveur), pour envoyer un extrait fonctionnel à un collègue ou en garder un sur une seconde machine. Ouvrir charge un fichier .js de votre ordinateur ; Télécharger sauvegarde le code courant en script.js ; Copier le met dans le presse-papiers. Réinitialiser vide le stockage local et remet l’exemple de départ — rien à nettoyer ailleurs, parce que rien n’a jamais été ailleurs.
Questions fréquentes
Quel JavaScript est-ce ? Celui que votre navigateur implémente — l’ECMAScript moderne tourne tel quel : chaînage optionnel, ??, champs de classe, await au sommet des contextes async, tout.
Peut-on utiliser fetch ou setTimeout ? Oui. Minuteurs, promesses et requêtes réseau fonctionnent ; l’exemple asynchrone du menu montre une séquence visible de délais attendus.
Peut-on utiliser des paquets npm ? Non — il n’y a pas de bundler ici, par design. Collez le code à essayer, ou liez une bibliothèque depuis un CDN dans le fichier HTML du Web Playground.
Mon code est-il envoyé quelque part ? Non. L’exécution est locale, le stockage est local, et les liens de partage transportent le code dans le fragment d’URL.
Ça marche sur téléphone ? Oui — l’éditeur et la console s’empilent verticalement sur petit écran, et Exécuter reste à portée de pouce dans l’en-tête.