programandoai

Passo 2: Capturar o clique

O app começa a ouvir: reagir ao botão e ler o que foi digitado. Duas ferramentas velhas conhecidas, trabalhando juntas.

Estudar esta lição interativa →

Estrutura na tela, hora de dar ouvidos a ela. Este passo liga dois fios que você conhece bem: o addEventListener escutando o "click" do botão (Módulo 7) e o .value lendo o que está no campo. Por enquanto, a reação é só mostrar o texto no console, e isso é de propósito: conferir no console que o dado está chegando certinho antes de construir o resto é um hábito de depuração que vale para a vida (é o nosso velho console.log de sentinela, do Módulo 1).

🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Digite, clique em Adicionar e observe o log abaixo do mini-site.

Teste antes de seguir

Digite algo, clique em Adicionar e veja a mensagem aparecer na área de log. Experimente também clicar com o campo vazio: a mensagem sai vazia, né? Guarde essa observação, porque é exatamente o problema que o próximo passo resolve.

← Voltar ao índice do curso