Modul 08
JavaScript & DOM
JavaScript
keine Abkürzung – ursprünglich "Mocha", dann kurz "LiveScript" genannt
- Programmiersprache
- im Gegensatz zu HTML (Struktur) und CSS (Design) enthält JavaScript echte Logik: Bedingungen, Schleifen, Variablen, Berechnungen.
- Läuft im Browser
- der Code wird direkt auf dem Gerät der Nutzerin ausgeführt – nicht auf einem Server. Das macht sofortige Reaktionen ohne Nachladen möglich.
Kurz gesagt: JavaScript ist die dritte Schicht neben HTML und CSS – sie macht eine fertig gestaltete Seite interaktiv, indem sie auf Aktionen reagiert und Inhalte nachträglich verändert.
Hallo Werkstatt
Klicks: 0
Werkstatt-Regler
Das DOM ansprechen
document.querySelector() holt sich ein Element aus der Seite, damit JavaScript darauf zugreifen kann.
Inhalt & Stil ändern
textContent ändert den Text, style.* ändert einzelne CSS-Eigenschaften direkt am Element.
Auf Ereignisse reagieren
addEventListener('click', …) führt Code erst dann aus, wenn die Nutzerin tatsächlich klickt.