Einen HTML-Playground verwenden

Testen Sie Stile und Ereignisse an einem Zähler und laden Sie den Beispielcode herunter.

Schritte

Starten Sie mit der Vorlage oder laden Sie ein Beispielprojekt.
Bearbeiten Sie HTML-Struktur, CSS-Styles und JavaScript-Verhalten.
Drücken Sie Ausführen (Ctrl/Cmd + Enter), um die Sandbox-Vorschau zu aktualisieren.
Öffnen Sie das Console-Panel für Logs, Warnungen und Fehler.
Nutzen Sie die Responsive-Steuerung für gängige Layoutbreiten.
Formatieren, kopieren oder laden Sie Ihre Arbeit als index.html herunter.

<button id="counter">0</button>

#counter { font-size: 2rem; padding: 16px; }

let count = 0;
document.getElementById("counter").addEventListener("click", (event) => {
  event.currentTarget.textContent = ++count;
});

Jeder Klick erhöht den Zähler. Erneutes Ausführen setzt ihn zurück; der lokale Speicher enthält den Code, nicht den Zählerstand.

Die grundlegende Ausführung von HTML, CSS und JavaScript für die Vorschau erfolgt lokal in Ihrem Browser.