Hauptinhalt
Webseiten mit Ereignissen interaktiv machen
JavaScript kann das Document Object Model (DOM) einer Webseite als Reaktion auf Benutzerereignisse wie Klicks oder Tastendrücke verändern. Das ermöglicht z. B. interaktive Diashows, Spiele, Formularvalidierung und unendlich ladende Galerien. Mit Event-Listener-Funktionen können wir auf das Eintreten eines bestimmten Ereignisses warten und dann einen Code als Reaktion darauf ausführen.
Willst du an der Diskussion teilnehmen?
Noch keine Beiträge.
Video-Transkript
Jetzt wisst ihr alle, wie man das
DOM einer Webseite verändern kann. Und das kannst du stundenlang tun.
Aber warum solltest du das tun, wenn du die Webseite einfach mit dem
HTML-Code schreiben kannst, den du willst? Denn jetzt kannst du all das als
Reaktion auf Benutzerereignisse tun. Und das ist es, was JavaScript
auf Webseiten so mächtig macht. Du kannst zum Beispiel
interaktive Diashows erstellen, indem du reagierst, wenn
der Nutzer auf eine Schaltfläche klickt. Du kannst Spiele aller Art erstellen, die reagieren, wenn der Benutzer Tasten drückt
oder die Maus bewegt, um auf einen Vogel zu zielen. Du kannst Formulare verarbeiten
und Benutzereingaben überprüfen, reagieren, wenn der
Benutzer ein Formular ausfüllt. Du kannst Galerien erstellen, die unendlich lang sind und immer nachladen,
wenn der Benutzer die Seite scrollt. All das ist möglich, indem du auf
Ereignisse in deiner Webseite reagierst. Der Nutzer wird eine Aktion ausführen,
zum Beispiel auf eine Schaltfläche klicken. Der Browser feuert dann - oder löst - das
Klick-Ereignis für diese Schaltfläche aus, und dein Code hat bereits eine Listener
Funktion für dieses Ereignis eingerichtet. Daher ruft der Browser dann
deine Listener-Funktion auf, die ein Stück JavaScript ist,
das du als Antwort ausführen möchtest. Das ist die Magie, wie es funktioniert, und jetzt werde ich dir zeigen,
wie du dies in deine Webseite einbauen kannst.