Inicio rápido

Define acción, respuesta y objetivo. Por ejemplo: tocar un blanco, ver subir los puntos y sumar antes de que termine el tiempo.

Empieza con un archivo HTML. Este ejemplo no llama a una API de Combos:

index.html


<!doctype html>
<html lang="es">
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Mi primera interacción</title>
  <button id="target">Toca aquí</button>
  <p aria-live="polite">Puntos: <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>

Guarda y abre en el navegador: al hacer clic debe aumentar el marcador. Añade temporizador, blanco móvil o efecto visual de uno en uno, manteniendo una versión funcional.

Observa a un jugador nuevo. Revisa texto, controles táctiles y diseño en el teléfono. Usa la lista de revisión y publica.