Webseiten mit Ereignissen interaktiv machen

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.