HTML-code uitvoeren in de browser

Stappen

1. Begin met het startsjabloon of laad een voorbeeldproject.
2. Bewerk HTML-structuur, CSS-styles en JavaScript-gedrag.
3. Druk op Uitvoeren (Ctrl/Cmd + Enter) om de sandbox-preview te verversen.
4. Open het consolepaneel voor logs, waarschuwingen en errors.
5. Gebruik responsive controls om layout op gangbare breedtes te controleren.
6. Formatteer, kopieer of download je werk als index.html.

Voorbeeld

Voorbeeld — Uitvoeren

HTML

<button id="demo">Hello</button>

CSS

#demo { padding: 12px 24px; color: white; background: #2563eb; border: 0; border-radius: 8px; }

JavaScript

document.getElementById("demo").addEventListener("click", () => console.log("Hello"));

Plak elk blok in het juiste veld en voer de code uit. De blauwe knop schrijft Hello in de console wanneer je erop klikt.

Tip

De basisuitvoering van HTML, CSS en JavaScript voor de preview gebeurt lokaal in je browser.

Gerelateerde tools