SKIP TO CONTENT
GENERAL TRACK

Dinge interaktiv machen

Füge deinen Seiten mit JavaScript Buttons, Zähler und dynamisches Verhalten hinzu.

1Was ist JavaScript?

Bisher waren deine Seiten statisch — sie zeigen Inhalte an, aber nichts ändert sich, wenn du mit ihnen interagierst. JavaScript ist das, was Seiten zum Leben erweckt. Es ist das „Gehirn“, das auf Klicks lauscht, Text aktualisiert, Elemente ein- und ausblendet und auf das reagiert, was der Nutzer tut.

Die drei Sprachen des Web

HTML

Das Skelett — welche Inhalte auf der Seite erscheinen

CSS

Die Haut — wie der Inhalt aussieht (Farben, Abstände, Schriften)

JavaScript

Das Gehirn — wie sich die Seite verhält und auf Nutzer reagiert

Wenn du interaktive Funktionen mit der KI programmierst, kombiniert sie alle drei. Deine Anweisung könnte „füge einen Button hinzu, der Klicks zählt“ lauten, und die KI schreibt HTML (den Button), CSS (wie er aussieht) und JavaScript (was beim Klick passiert) alles auf einmal.

Your guide

2Anweisung: "Füge einen Button hinzu, der Klicks zählt"

3Passe den Zähler an

4Anweisung: "Füge einen Dark-Mode-Schalter hinzu"

5Herausforderung: Baue eine interaktive To-do-Liste