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.

Vorinstallierte Bibliotheken
🚀 339,661 Gesamt-Ausführungen (665 diesen Monat)
Ausgabe

Übe JavaScript mit Coding Challenges

Löse praktische Aufgaben direkt im Editor: Führe die Beispieltests aus, reiche ein und erhalte ein KI-Code-Review.

Alle JavaScript-Challenges
Einfach

Rechteck-Umfang

Berechne den Umfang eines Rechtecks anhand seiner Seiten.

Du lernst ArithmetikRückgabewerte
BeginnerLearning-pathVariables
Einfach

Days in a Month

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

Du lernst KalenderregelnHilfsfunktionen
BeginnerConditionsFunctionsLearning-path
Einfach

Average of Three

Average three whole numbers.

Du lernst ArithmetikDivision
BeginnerLearning-pathVariables
Einfach

Skalarprodukt zweier Vektoren

Multipliziere zwei Vektoren elementweise und addiere die Ergebnisse, die Kernoperation jedes Neurons.

Du lernst VektorenSkalarprodukt
Neuronale Netzeaimaschinelles Lernen
Einfach

Das Größte von Drei

Finde die größte von drei Zahlen ohne eingebaute Maximalfunktion.

Du lernst VergleicheBedingungen kombinieren
BeginnerConditionsLearning-path
Einfach

Primzahl-Prüfung

Entscheide, ob eine Zahl eine Primzahl ist.

Du lernst TeilbarkeitSchleifen optimieren
BeginnerLoopsNumbersStudent-beginner
Einfach

Number Triangle

Build a triangle of increasing numbers.

Du lernst Wachsende ZeilenZähler über Zeilen
BeginnerLearning-pathNested-loopsPatterns
Einfach

Armstrong-Zahl

Prüfe, ob eine Zahl gleich der Summe ihrer Ziffern ist, wobei jede Ziffer auf die Anzahl der Ziffern potenziert wird.

Du lernst Ziffern extrahierenPotenzen
BeginnerNumbersStudent-beginner
Einfach

Row Sums

Add up every row of a grid.

Du lernst 2D-ListenVerschachtelte Schleifen
BeginnerGridsLearning-path
Einfach

Min and Max Together

Find the smallest and largest value in one pass.

Du lernst Ein DurchlaufMehrere Rückgabewerte
ArraysBeginnerFunctionsLearning-path
Einfach

Count Pairs With a Sum

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

Du lernst IndexpaareDoppelzählung vermeiden
ArraysBeginnerLearning-pathNested-loops
Einfach

Hollow Square

Draw the outline of a square with * characters.

Du lernst Ränder erkennenStrings aufbauen
BeginnerLearning-pathNested-loopsPatterns

⚡ Über diesen JavaScript-(Node.js)-Online-Executor

Der CodeUtility JavaScript Executor ermöglicht es dir, modernen JavaScript-Code direkt im Browser zu schreiben und auszuführen - sofort und ohne Einrichtung. Er verwendet echte Node.js-Umgebungen, um deinen Code sicher in einem abgesicherten (Sandbox-)Container auszuführen, und unterstützt die Versionen 16, 18 und 20.

Dieses Tool ist ideal, um Node.js-Snippets zu testen, ES6+-Syntax zu erkunden oder grundlegende JavaScript-Konzepte wie Schleifen, Funktionen, Arrays, Promises und das Verhalten von async/await zu lernen.

Du kannst es auch verwenden, um Algorithmen zu überprüfen, kleine Skripte zu debuggen oder mit Laufzeitlogik zu experimentieren, ohne Node lokal zu installieren. Es ist ideal für Lernende, Backend-Entwicklerinnen und -Entwickler oder alle, die eine schnelle, browserbasierte Möglichkeit benötigen, JavaScript-Code auszuführen.

Mehr als nur ein Code-Runner

Nutzen Sie im selben Executor einen Editor für mehrere Dateien, ein isoliertes Ausführungsterminal, laufzeitspezifische Bibliotheken, persistente Arbeitsbereiche, Freigaben und Zusammenarbeit in Echtzeit.

Wie verwende ich diesen Executor?

Wählen Sie eine Laufzeit aus, öffnen oder erstellen Sie eine Datei, schreiben Sie Ihren Code und wählen Sie Ausführen. Die Ausgabe erscheint im Terminal. Angemeldete Benutzer können Dateien in einem Arbeitsbereich speichern, Bibliotheken installieren und über Freigaben zusammenarbeiten.

  1. Wählen Sie eine Version aus und bearbeiten Sie die aktuelle Datei oder öffnen Sie eine andere Datei aus dem Arbeitsbereich.
  2. Führen Sie den Code aus, geben Sie bei Aufforderung Daten im Terminal ein und prüfen Sie den gespeicherten Ausführungsverlauf.
  3. Nutzen Sie Bibliotheken, Arbeitsbereichswerkzeuge, Freigaben und den Chat, wenn Ihre Aufgabe mehr als ein einzelnes Codefragment erfordert.

💡 Node.js-Grundlagen-Leitfaden für Einsteigerinnen und Einsteiger

1. Variablen und Konstanten deklarieren

Verwende let oder const für Variablen mit Block-Scope. const wird für Konstanten verwendet.

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

2. Verzweigungen (if / switch)

Verwende if, else if, else oder switch für den Kontrollfluss.

let x = 2;
if (x === 1) {
  console.log("Eins");
} else if (x === 2) {
  console.log("Zwei");
} else {
  console.log("Sonstiges");
}

switch (x) {
  case 1:
    console.log("Eins");
    break;
  case 2:
    console.log("Zwei");
    break;
  default:
    console.log("Sonstiges");
}

3. Schleifen

Verwende for, while und forEach, um über Daten zu iterieren.

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

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

4. Arrays

Verwende Arrays, um geordnete Wertelisten zu speichern. Greife über Indizes darauf zu.

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

5. Array-Manipulation

Verwende Methoden wie push, pop, slice und 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. Konsolen-Ein-/Ausgabe

Verwende console.log für Ausgaben und das readline-Modul für Eingaben.

const readline = require('readline');

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

rl.question("Wie heißt du? ", name => {
  console.log(`Hallo, ${name}`);
  rl.close();
});

7. Funktionen

Funktionen können deklariert oder als Ausdruck definiert werden. Pfeilfunktionen werden in modernem JavaScript häufig verwendet.

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

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

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

8. Objekte (Maps)

Objekte speichern Schlüssel-Wert-Paare. Sie ähneln Dictionaries bzw. Maps.

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

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

9. Fehlerbehandlung

Verwende try, catch und finally, um Fehler sicher zu behandeln.

try {
  throw new Error("Etwas ist schiefgelaufen");
} catch (e) {
  console.log(e.message);
} finally {
  console.log("Aufräumen, falls nötig");
}

10. Datei-I/O

Verwende das fs-Modul von Node.js, um Dateien zu lesen und zu schreiben.

const fs = require("fs");

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

11. String-Manipulation

Verwende Methoden wie trim(), toUpperCase(), replace() und split().

let text = "  Hallo Welt  ";
console.log(text.trim());
console.log(text.toUpperCase());
console.log(text.replace("Hallo", "Hi"));
console.log(text.split(" "));

12. Klassen & Objekte

ES6+ unterstützt OOP mit class-Syntax.

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return `Hi, ich bin ${this.name}`;
  }
}

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

13. Referenzen

Objekte und Arrays in JavaScript werden per Referenz übergeben.

function update(arr) {
  arr.push("geändert");
}

let data = ["ursprünglich"];
update(data);
console.log(data);  // ["ursprünglich", "geändert"]