Debug di HTML e JavaScript

Trova errori di selettori, stili ed esecuzione con un piccolo esempio e la console.

HTML CSS JS Compiler · Metodologia · Contatti

Passaggi

Parti dal template iniziale o carica un progetto di esempio.
Modifica la struttura HTML, gli stili CSS e il comportamento JavaScript.
Premi Esegui (Ctrl/Cmd + Enter) per aggiornare l'anteprima sandbox.
Apri il pannello console per leggere log, avvisi ed errori.
Usa i controlli responsive per verificare il layout a larghezze comuni.
Formatta, copia o scarica il tuo lavoro come index.html.

Esempio

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";

L’ID missing non esiste e causa un errore. Usa demo per trovare il pulsante; la validazione sintattica non rileva questo errore di esecuzione.

Suggerimento

L'esecuzione base di HTML, CSS e JavaScript per l'anteprima avviene localmente nel tuo browser.