Schnellstart

Definiere Aktion, Rückmeldung und Ziel. Zum Beispiel: Ziel anklicken, steigende Punkte sehen und vor Ablauf der Zeit möglichst viel erreichen.

Beginne mit einer HTML-Datei. Dieses Beispiel ruft keine Combos-API auf:

index.html


<!doctype html>
<html lang="de">
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Meine erste Interaktion</title>
  <button id="target">Klick mich</button>
  <p aria-live="polite">Punkte: <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>

Speichere und öffne die Datei: Klicken sollte den Punktestand erhöhen. Ergänze Timer, bewegliches Ziel oder visuelle Reaktion einzeln und behalte eine funktionierende Version.

Beobachte einen neuen Spieler. Prüfe Text, Touch-Flächen und Handy-Layout. Nutze die Checkliste, dann die Veröffentlichung.