Faça Acontecer

Seu cartão de perfil está lindo — mas ele só fica ali parado. Clique nele, cutuque, nada acontece. Isso porque HTML é estrutura e Tailwind é estilo. Comportamento é trabalho do JavaScript.

Aqui vai o segredo que ninguém conta aos iniciantes: no vibe coding, você não decora JavaScript. Você descreve o que deve acontecer, e a IA escreve o código. Comportamento é só uma frase:

"Quando alguém clicar no botão de curtir, o número ao lado do coração aumenta em 1."

Dê esse prompt à IA, e ela produz algo pequeno assim:

const btn = document.getElementById("like-btn");
btn.addEventListener("click", () => {
  likes = likes + 1;
  count.textContent = likes;
});

É isso. Três movimentos, sempre:

1. Encontre o elemento (getElementById)
2. Escute um evento (addEventListener("click", ...))
3. Mude alguma coisa (textContent, uma classe, qualquer coisa)

Encontrar, escutar, mudar. Quase toda interação em todo site que você já usou — menus suspensos, botões de modo escuro, botões de curtir — é alguma versão desse padrão.

Nesta lição você vai adicionar um contador de curtidas ao seu cartão. No final, você vai clicar em um coração e ver um número que você controla subir. Esse é o momento em que uma página vira um app.