Falla reagire

La tua scheda profilo è bellissima — ma se ne sta lì ferma. Cliccala, toccala, non succede niente. Questo perché l'HTML è struttura e Tailwind è stile. Il comportamento è il mestiere di JavaScript.

Ecco il segreto che nessuno racconta ai principianti: nel vibe coding non memorizzi JavaScript. Descrivi cosa deve succedere, e l'IA scrive il codice. Il comportamento è solo una frase:

"Quando qualcuno clicca il pulsante like, il numero accanto al cuore aumenta di 1."

Dai quel prompt all'IA, e produce qualcosa di minuscolo come questo:

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

Tutto qui. Tre mosse, ogni volta:

1. Trova l'elemento (getElementById)
2. Ascolta un evento (addEventListener("click", ...))
3. Cambia qualcosa (textContent, una classe, qualsiasi cosa)

Trova, ascolta, cambia. Quasi ogni interazione su ogni sito che hai mai usato — menu a tendina, interruttori della dark mode, pulsanti like — è una versione di questo schema.

In questa lezione aggiungerai un contatore di like alla tua scheda. Alla fine cliccherai un cuore e guarderai salire un numero che controlli tu. È il momento in cui una pagina diventa un'app.