HTML en JavaScript debuggen
Vind fouten in selectors, stijlen en uitvoering met een klein voorbeeld en de console.
Stappen
- Begin met het startsjabloon of laad een voorbeeldproject.
- Bewerk HTML-structuur, CSS-styles en JavaScript-gedrag.
- Druk op Uitvoeren (Ctrl/Cmd + Enter) om de sandbox-preview te verversen.
- Open het consolepaneel voor logs, waarschuwingen en errors.
- Gebruik responsive controls om layout op gangbare breedtes te controleren.
- Formatteer, kopieer of download je werk als index.html.
Voorbeeld
HTML
<button id="demo">Hello</button>CSS
#demo { padding: 12px; }JavaScript
// Broken: document.getElementById("missing").textContent = "OK";
const button = document.getElementById("demo");
if (button) button.textContent = "OK";De ID missing bestaat niet en veroorzaakt een fout. Gebruik demo om de knop te vinden; syntaxiscontrole vindt deze uitvoeringsfout niet.
Tip
De basisuitvoering van HTML, CSS en JavaScript voor de preview gebeurt lokaal in je browser.