Démarrage rapide

Définissez action, réaction et objectif. Par exemple : toucher une cible, voir le score monter et marquer avant la fin du temps.

Commencez avec un fichier HTML. Cet exemple n’appelle aucune API Combos :

index.html


<!doctype html>
<html lang="fr">
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Ma première interaction</title>
  <button id="target">Cliquez ici</button>
  <p aria-live="polite">Score: <span id="score">0</span></p>
  <script>
    let score = 0;
    document.querySelector("#target").addEventListener("click", () => {
      score += 1;
      document.querySelector("#score").textContent = String(score);
    });
  </script>
</html>

Enregistrez et ouvrez dans le navigateur : cliquer doit augmenter le score. Ajoutez minuterie, cible mobile ou effet visuel, un à la fois, en gardant une version fonctionnelle.

Observez un nouveau joueur. Vérifiez texte, zones tactiles et disposition sur téléphone. Utilisez la liste de contrôle, puis publiez.