Utiliser un playground HTML

Testez les styles et les événements avec un compteur, puis téléchargez votre code.

Étapes

Partez du modèle de départ ou chargez un projet d'exemple.
Modifiez la structure HTML, les styles CSS et le comportement JavaScript.
Appuyez sur Exécuter (Ctrl/Cmd + Enter) pour actualiser l'aperçu sandbox.
Ouvrez le panneau console pour lire les logs, avertissements et erreurs.
Utilisez les contrôles responsifs pour vérifier la mise en page aux largeurs courantes.
Formatez, copiez ou téléchargez votre travail en index.html.

<button id="counter">0</button>

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

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

Chaque clic augmente le compteur. Relancer le code réinitialise sa valeur ; le stockage local conserve le code et non l’état du compteur.

L'exécution de base de HTML, CSS et JavaScript pour l'aperçu se fait localement dans votre navigateur.