Online JavaScript Runner

Write, run, and debug JavaScript or Node.js online in a full-featured browser IDE. Work with multiple files and packages, save your workspace, and collaborate in real time.

Bibliothèques préinstallées
🚀 339,661 exécutions totales (665 ce mois-ci)
Intégrer
Sortie

Pratiquez JavaScript avec des défis de code

Résolvez des problèmes concrets dans cet éditeur : lancez les tests, soumettez et recevez une relecture IA.

Tous les défis JavaScript
Facile

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

Vous apprendrez ArithmétiqueValeurs de retour
BeginnerLearning-pathVariables
Facile

Distance entre deux points

Calculez la distance en ligne droite entre deux points.

Vous apprendrez Théorème de PythagoreRacines carrées
BeginnerFunctionsLearning-pathmath
Facile

Days in a Month

Return how many days a month has, including leap years.

Vous apprendrez Règles du calendrierFonctions utilitaires
BeginnerConditionsFunctionsLearning-path
Facile

Average of Three

Average three whole numbers.

Vous apprendrez ArithmétiqueDivision
BeginnerLearning-pathVariables
Facile

Produit scalaire de deux vecteurs

Multipliez deux vecteurs élément par élément et additionnez les résultats, l'opération de base de tout neurone.

Vous apprendrez VecteursProduit scalaire
Réseaux de neuronesaiapprentissage automatique
Facile

Largest of Three

Pick the largest of three numbers without a built-in max.

Vous apprendrez ComparaisonsCombiner des conditions
BeginnerConditionsLearning-path
Facile

Vérification de nombre premier

Déterminez si un nombre est premier.

Vous apprendrez DivisibilitéOptimiser une boucle
BeginnerLoopsNumbersStudent-beginner
Facile

Number Triangle

Build a triangle of increasing numbers.

Vous apprendrez Lignes croissantesCompteur entre les lignes
BeginnerLearning-pathNested-loopsPatterns
Facile

Nombre d'Armstrong

Vérifiez si un nombre est égal à la somme de ses chiffres élevés à la puissance du nombre de chiffres.

Vous apprendrez Extraction des chiffresPuissances
BeginnerNumbersStudent-beginner
Facile

Min and Max Together

Find the smallest and largest value in one pass.

Vous apprendrez Un seul passagePlusieurs valeurs de retour
ArraysBeginnerFunctionsLearning-path
Facile

Count Pairs With a Sum

Count pairs of positions whose values add up to a target.

Vous apprendrez Paires d'indicesÉviter les doubles comptes
ArraysBeginnerLearning-pathNested-loops
Facile

Hollow Square

Draw the outline of a square with * characters.

Vous apprendrez Détection des bordsConstruire des chaînes
BeginnerLearning-pathNested-loopsPatterns

⚡ À propos de cet exécuteur JavaScript (Node.js) en ligne

Le CodeUtility JavaScript Executor vous permet d’écrire et d’exécuter du code JavaScript moderne directement dans votre navigateur - instantanément et sans aucune configuration. Il utilise de vrais environnements Node.js pour exécuter votre code en toute sécurité dans un conteneur sandboxé, en prenant en charge les versions 16, 18 et 20.

Cet outil est parfait pour tester des extraits Node.js, explorer la syntaxe ES6+ ou apprendre les concepts fondamentaux de la programmation JavaScript tels que les boucles, les fonctions, les tableaux, les promesses et le comportement d’async/await.

Vous pouvez aussi l’utiliser pour valider des algorithmes, déboguer de petits scripts ou expérimenter la logique d’exécution sans installer Node en local. Idéal pour les apprenants, les développeurs backend ou toute personne ayant besoin d’un moyen rapide, dans le navigateur, pour exécuter du code JavaScript.

Bien plus qu’un exécuteur de code

Utilisez depuis le même exécuteur un éditeur multifichier, un terminal d’exécution isolé, des bibliothèques propres à chaque environnement, des espaces de travail persistants, le partage et la collaboration en temps réel.

Comment utiliser cet exécuteur ?

Choisissez un environnement d’exécution, ouvrez ou créez un fichier, écrivez votre code, puis sélectionnez Exécuter. La sortie s’affiche dans le terminal ; les utilisateurs connectés peuvent conserver leurs fichiers dans un espace de travail, installer des bibliothèques et collaborer grâce aux partages.

  1. Sélectionnez une version et modifiez le fichier actuel, ou ouvrez un autre fichier de l’espace de travail.
  2. Exécutez le code, saisissez les données demandées dans le terminal et consultez l’historique des exécutions enregistrées.
  3. Utilisez les bibliothèques, les outils de l’espace de travail, le partage et le chat lorsque votre tâche nécessite plusieurs extraits de code.

💡 Guide des bases de Node.js pour débutants

1. Déclarer des variables et des constantes

Utilisez let ou const pour des variables à portée de bloc. const est utilisé pour les constantes.

let x = 10;
const PI = 3.14;
let name = "Alice";
let isActive = true;

2. Conditions (if / switch)

Utilisez if, else if, else ou switch pour le contrôle du flux.

let x = 2;
if (x === 1) {
  console.log("Un");
} else if (x === 2) {
  console.log("Deux");
} else {
  console.log("Autre");
}

switch (x) {
  case 1:
    console.log("Un");
    break;
  case 2:
    console.log("Deux");
    break;
  default:
    console.log("Autre");
}

3. Boucles

Utilisez for, while et forEach pour itérer sur des données.

for (let i = 0; i < 3; i++) {
  console.log(i);
}

let n = 3;
while (n > 0) {
  console.log(n);
  n--;
}

4. Tableaux

Utilisez des tableaux pour stocker des listes ordonnées de valeurs. Accédez-y avec des index.

let fruits = ["pomme", "banane", "cerise"];
console.log(fruits[0]);
console.log(fruits.length);

5. Manipulation de tableaux

Utilisez des méthodes comme push, pop, slice et reverse.

fruits.push("kiwi");
fruits.pop();
console.log(fruits.slice(0, 2));
console.log(fruits.reverse());

let squares = [1, 2, 3, 4, 5].map(x => x * x);
console.log(squares);

6. Entrée/Sortie console

Utilisez console.log pour la sortie et le module readline pour l’entrée.

const readline = require('readline');

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

rl.question("Comment vous appelez-vous ? ", name => {
  console.log(`Bonjour, ${name}`);
  rl.close();
});

7. Fonctions

Les fonctions peuvent être déclarées ou exprimées. Les fonctions fléchées sont souvent utilisées en JavaScript moderne.

function greet(name) {
  return `Bonjour, ${name}`;
}

const add = (a, b) => a + b;

console.log(greet("Alice"));
console.log(add(2, 3));

8. Objets (Map)

Les objets stockent des paires clé-valeur. Ils sont similaires aux dictionnaires ou aux maps.

let person = { name: "Bob", age: 25 };
console.log(person.name);
console.log(person["age"]);

// Map ES6
const map = new Map();
map.set("a", 1);
console.log(map.get("a"));

9. Gestion des exceptions

Utilisez try, catch et finally pour gérer les erreurs en toute sécurité.

try {
  throw new Error("Quelque chose s'est mal passé");
} catch (e) {
  console.log(e.message);
} finally {
  console.log("Nettoyage si nécessaire");
}

10. Entrée/Sortie de fichiers

Utilisez le module fs de Node.js pour lire et écrire des fichiers.

const fs = require("fs");

fs.writeFileSync("test.txt", "Bonjour fichier");
const data = fs.readFileSync("test.txt", "utf8");
console.log(data);

11. Manipulation de chaînes

Utilisez des méthodes comme trim(), toUpperCase(), replace() et split().

let text = "  Bonjour le monde  ";
console.log(text.trim());
console.log(text.toUpperCase());
console.log(text.replace("Bonjour", "Salut"));
console.log(text.split(" "));

12. Classes et objets

ES6+ prend en charge la POO avec la syntaxe class.

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return `Salut, je suis ${this.name}`;
  }
}

const p = new Person("Alice");
console.log(p.greet());

13. Références

Les objets et les tableaux en JavaScript sont passés par référence.

function update(arr) {
  arr.push("modifié");
}

let data = ["original"];
update(data);
console.log(data);  // ["original", "modifié"]