So, ich habe wahrscheinlich daneben geklickt, das hat das gestoppt.

So, jetzt nochmal. Ich möchte nochmal zurück. Beim Browser passiert Folgendes.

Wir haben das DOM, das werden die HTML-Dokumente reingefüttert.

Und wir haben außerdem im Browser das Browser-Fenster, in dem die Pixel entstehen.

Die Pixel entstehen dadurch, dass Käschen für Element des DOMs in die zugehörigen Browser-Boxen,

also in die Teilfenster, gemalt wird, also Pixel entstehen.

Und andersrum fließen die Events, nämlich die Interaktionen, zurück zum DOM und das DOM reagiert dann darauf.

Manche dieser Reaktionen sind fest eingebaut, zum Beispiel, was passiert, wenn jemand auf einen Link klickt.

Und manche von denen können wir durch JavaScript beeinflussen.

So wie CSS beeinflusst, wie der Pixel-Erstellung, also wie das Malen passiert,

kann JavaScript beeinflussen, wie auf Events reagiert wird.

Und das gucken wir uns jetzt an.

Das erste, was wir gesehen hatten, war, dass wir ein Programm, in diesem Fall DocumentWrite, haben, was das DOM verändert,

was dann direkt auf Reaktionen im Browser-Fenster stößt.

Das hatten wir uns als erstes angekündigt. Aber wir können mehr.

Ich zeige Ihnen ein paar JavaScript-Befehle, zum Beispiel console.log.

Was macht das? Das gibt eine typischerweise Fehlermeldung oder so etwas aus in die Konsole.

Und das ist etwas, was Sie im Inspector, da gibt es so eine Konsole, die schreibt sozusagen mit, was alles passiert ist, zum Beispiel.

In dieser Konsole haben wir zum Beispiel mitgeschrieben, es gab einen Get-Request.

Und das ist der Get-Request, der die Seite geholt hat.

In der Konsole entsteht sozusagen ein Log im Inspector.

Können wir uns das angucken, was alles passiert ist.

Hier in dem ersten ist die Seite geholt worden.

Dann ist dazu irgendwelcher JavaScript oder CSS geholt worden.

Und dann ist das, was dieser Befehl console.log, hallo, ewgs, reingeschrieben hat.

Und da sollte natürlich eigentlich hallo ewgs stehen und nicht hallo, welt.

Das ist, wenn man versucht, die Folien anzupassen, ohne die Bilder anzupassen, hat man wirklich ein Problem.

Das sollte ich vielleicht noch ändern.

Okay. Dies hier ist für Debugging ganz praktisch.

Wenn Sie irgendwo, wenn Ihr JavaScript irgendwas tut, was Sie nicht erwarten, dann können Sie mal gucken und Sachen in die Konsole schreiben.

Und im Inspector einfach gucken, was passiert da war.

In Python würden Sie irgendwie Print Statements machen.

Hier machen Sie console.log Statements.

Während die in Python direkt auf dem Schirm landen, landen die hier in der Konsole.

Das ist ein klein bisschen aufgeräumter.

Was gibt es noch?

Das ist zum Beispiel ein Befehl namens Alert.

Was macht das?

Das macht die Ihnen sicherlich wohlbekannten Pop-ups.

Das in einem Browser kommt ein rechteckiges Fenster.

Da steht ein Text drin und unten steht ein OK-Knopf.

Und wenn man auf den OK-Knopf drückt, geht das wieder weg.

Das ist zum Beispiel in einem JavaScript-Programm.

Können Sie statt console.log, da können Sie irgendwas in der Konsole lesen.

Schön aufgeräumt, kein anderer sieht es.

Können Sie auch ein Alert machen.

Also wenn so etwas ganz Komisches passiert, dann haben Sie einen Alert und dann kriegen Sie ein Pop-up.

Dann springt ein wasser an.

Das ist der Alert-Befehl.

Dann gibt es zum Beispiel einen Confirm-Befehl, der ist fast wie ein Alert.