Lass es etwas tun

Deine Profilkarte sieht großartig aus — aber sie sitzt nur da. Klick sie an, stups sie an: nichts passiert. Das liegt daran, dass HTML Struktur ist und Tailwind Style. Verhalten ist der Job von JavaScript.

Hier ist das Geheimnis, das Anfängern niemand verrät: Beim Vibe Coding lernst du JavaScript nicht auswendig. Du beschreibst, was passieren soll, und die KI schreibt den Code. Verhalten ist nur ein Satz:

„Wenn jemand auf den Like-Button klickt, geht die Zahl neben dem Herz um 1 nach oben.“

Gib der KI diesen Prompt, und sie produziert etwas Winziges wie das hier:

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

Das war's. Drei Schritte, jedes Mal:

1. Finden des Elements (getElementById)
2. Lauschen auf ein Event (addEventListener("click", ...))
3. Ändern von etwas (textContent, einer Klasse, was auch immer)

Finden, lauschen, ändern. Fast jede Interaktion auf jeder Website, die du je benutzt hast — Dropdowns, Darkmode-Schalter, Like-Buttons — ist eine Variante dieses Musters.

In dieser Lektion baust du einen Like-Zähler in deine Karte ein. Am Ende klickst du auf ein Herz und siehst eine Zahl steigen, die du selbst kontrollierst. Das ist der Moment, in dem aus einer Seite eine App wird.