Zo gebruik je het
- Typ of plak HTML, CSS en JavaScript in de editor.
- Gebruik automatisch uitvoeren of kies Uitvoeren.
- Bekijk preview en console of download de volledige HTML.
Opties uitgelegd
- Geïsoleerde preview
- De code draait in een aparte sandbox zonder toegang tot sitegegevens.
- Console
- Meldingen uit console.log en fouten verschijnen in het consolepaneel.
- Download
- De download is één gecombineerd HTML-bestand met de code uit de editor.
Hoe de pagina wordt samengesteld
De drie editors worden in deze volgorde tot één document gecombineerd. Dezelfde indeling krijg je als je op HTML downloaden klikt, behalve dat het kleine script dat de consoleuitvoer naar de pagina onder het voorbeeld stuurt, uit de download wordt weggelaten.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* je CSS */
</style>
</head>
<body>
<!-- je HTML -->
<script>
// je JavaScript
</script>
</body>
</html>Omdat het script na je HTML komt, kun je document.getElementById meteen gebruiken zonder te wachten tot de pagina is geladen. In de HTML-editor schrijf je alleen wat in de body hoort, niet de tags html, head of body zelf. Het voorbeeld is een iframe dat alleen toestemming heeft om scripts uit te voeren, en daarom zijn alertvensters en toegang tot de cookies van deze site geblokkeerd.
Veelgestelde vragen
Wordt mijn code geüpload?
Nee. De code draait in je browser.
Kan JavaScript fetch gebruiken?
De runner ondersteunt ingebouwde functies zoals fetch, timers, JSON en Intl binnen de sandboxregels.
Hoe verlaat ik een tabblad in de editor?
Druk op Esc en daarna Tab om de focus buiten de editor te verplaatsen.
Privacy
Deze tool draait volledig in je browser. Je bestanden en tekst worden op je eigen apparaat verwerkt en nooit naar onze servers geüpload.