Início rápido

Defina ação, resposta e objetivo. Por exemplo: tocar no alvo, ver a pontuação aumentar e somar o máximo antes do tempo acabar.

Comece com um arquivo HTML. Este exemplo não chama uma API do Combos:

index.html


<!doctype html>
<html lang="pt">
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Minha primeira interação</title>
  <button id="target">Toque aqui</button>
  <p aria-live="polite">Pontos: <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>

Salve e abra no navegador: clicar deve aumentar os pontos. Adicione cronômetro, alvo móvel ou resposta visual, um por vez, mantendo uma versão funcional.

Observe alguém testar a primeira ação. Confira texto, toque e layout no celular. Use a lista de prévia e siga a publicação.