Come usare un playground 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="counter">0</button>

CSS

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

JavaScript

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

Ogni clic aumenta il contatore. Una nuova esecuzione azzera il valore; la memoria locale salva il codice, non lo stato del contatore.

Suggerimento

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

Strumenti correlati