Een HTML-playground gebruiken

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="counter">0</button>

CSS

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

JavaScript

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

Elke klik verhoogt de teller. Opnieuw uitvoeren zet de waarde terug; lokale opslag bewaart de code en niet de tellerstand.

Tip

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

Gerelateerde tools