JavaScript ist eine Programmiersprache, die 1995 von Brendan Eich entwickelt wurde. JavaScript ist heute eine der am meisten benutzten Programmiersprachen, denn interaktive Internetseiten werden meist mit JavaScript programmiert.
Um mit JavaScript programmieren zu können, benötigt man nur eine Internetverbindung und einen Webbrowser. Beides steht heute meist zur Verfügung. Mit folgendem Editor kann man sofort in die JavaScript-Programmierung einsteigen: p5.js WebEditor
In diesem Kurs verwenden wir einen Editor, mit welchem die Übungen direkt hier auf der Internetseite bearbeitet werden können.
Der Name "Computer" kommt von "to compute = berechnen". Das ist es, was ein Computer am besten kann: rechnen. Mit JavaScript kann man natürlich auch rechnen.
Die Anweisung
berechnet die Summe von 3 + 7 und gibt das Ergebnis in der Konsole aus.
Eine Anweisung wird mit einem Strich-Punkt ; beendet.
Die Anweisung kann ausgeführt werden, indem man:
in das linke Fenster klickt (Editor) und dann die Tasten Strg-Enter gleichzeitig drückt oder
im rechten Ausgabefenster (Konsole) auf die Schaltfläche Ausführen... klickt.
Das linke Fenster nennt man "Editor" (to edit = bearbeiten), da man dort den Programmiercode bearbeitet.
Das rechte Fenster nennt man "Konsole", da dort Werte, Texte und Fehlermeldungen ausgegeben werden.
clog() ist eine Abkürzung von "console.log()". Mit dieser Anweisung kann etwas in der Konsole ausgegeben werden.
Grundrechenarten
JavaScript kann addieren (+), subtrahieren (-), multiplizieren (*), dividieren (/) und potenzieren (**).
JavaScript kennt die "Punkt-vor-Strich-Regel".
JavaScript kann mathematisch noch viel mehr.
Eine Übersicht, was JavaScript mathematisch alles kann: Math-Objekt
Beim Programmieren muss man fehlerfrei tippen, sonst weiß der Computer nicht, was er tun soll. Wenn dann doch ein Tippfehler vorkommt, wird nach einem Klick auf 'Ausführen' die Fehlermeldung in der Konsole angezeigt:
Die Sprache der Informatik ist Englisch, daher sind die Fehlermeldungen auf Englisch. DeepL kann helfen:
In der Konsole kann auch ein Text ausgegeben werden:
Text muss immer in Anführungszeichen "" eingeschlossen werden, sonst gibt es eine Fehlermeldung.
Anstelle von clog() kann auch die Anweisung alert() verwendet werden, um etwas auszugeben. Die Ausgabe erfolgt dann in einem Fenster, das durch einen Klick auf OK wieder geschlossen werden kann.
Werte
Texte
Wenn man einen Informationstext (Kommentar) in ein JavaScript-Programm einfügt, führt das zu einer Fehlermeldung, denn der Computer versucht den Informationstext als Anweisung auszuführen:
Damit der Computer nicht versucht den Informationstext auszuführen, muss dieser mit zwei Schrägzeichen // gekennzeichnet werden. Sobald die zwei Schrägzeichen vor einem Text stehen, sieht der Computer den Text als Kommentar und nicht mehr als eine Anweisung:
Wenn ein Kommentar aus mehreren Zeilen bestehen soll, dann setzt man:
vor die erste Zeile des Kommentars: /*
hinter die letzte Zeile des Kommentars: */
Teste dich!
Klicke die richtigen Anworten an. Eine Frage kann mehr als eine richtige Antwort haben.
Wie gibt man im Editor auf dieser Seite in der Konsole eine Information aus? |clog();||!log();||!alert();||!write();|
Für was ist clog() die Abkürzung? |!c.logging()||console.log()||!clear.log()||!counter.log()|
Mit welcher Anweisung gibt man eine Information in einem Fenster aus? |alert("Hallo");||!window("Hallo");||!alert.log("Hallo");||!message("Hallo");|
Wie wird ein Kommentar markiert, der eine Zeile lang ist? |//||!@@||!##||!~~|
Schreibe eine Anweisung, die in der Konsole das Ergebnis der Rechnung (34 + 81) * 25 ausgibt und schreibe zu der Anweisung einen Kommentar, der eine Zeile lang ist.
Schreibe eine Anweisung, die in einem Fenster den Text "Gymnasium Westerstede" ausgibt und schreibe zu der Anweisung einen Kommentar, der zwei Zeilen lang ist.
Im folgenden Programm soll nur die richtige Antwort in der Konsole ausgegeben werden.
Wenn du auf "Ausführen..." klickst, werden neben der richtigen Antwort auch die falschen ausgegeben. Die Ausgabe in der Konsole kann mit der Anweisung clear() gelöscht werden.
Setze in der ersten Zeile die Anweisung clear() ein.
Wandle die Zeilen mit falschen Antworten in einen Kommentar um.