Faites-lui faire quelque chose

Votre carte de profil est superbe — mais elle reste plantée là. Cliquez dessus, titillez-la : rien ne se passe. C'est parce que le HTML, c'est la structure, et Tailwind, c'est le style. Le comportement, c'est le travail de JavaScript.

Voici le secret que personne ne dit aux débutants : en vibe coding, vous ne mémorisez pas JavaScript. Vous décrivez ce qui doit se passer, et l'IA écrit le code. Un comportement, c'est juste une phrase :

« Quand quelqu'un clique sur le bouton like, le chiffre à côté du cœur augmente de 1. »

Donnez ce prompt à l'IA, et elle produit quelque chose de minuscule comme ceci :

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

C'est tout. Trois gestes, à chaque fois :

1. Trouver l'élément (getElementById)
2. Écouter un événement (addEventListener("click", ...))
3. Changer quelque chose (textContent, une classe, n'importe quoi)

Trouver, écouter, changer. Presque chaque interaction sur chaque site web que vous avez utilisé — menus déroulants, bascules de mode sombre, boutons like — est une variante de ce schéma.

Dans cette leçon, vous allez ajouter un compteur de likes à votre carte. À la fin, vous cliquerez sur un cœur et regarderez monter un chiffre que vous contrôlez. C'est l'instant où une page devient une app.