Come eseguire codice HTML

Passaggi

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

Esempio

Esempio — Esegui

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

Incolla ogni blocco nel pannello corrispondente ed esegui. Il pulsante blu scrive Hello nella console quando viene premuto.

Suggerimento

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

Strumenti correlati