Programmier-Grundlagen
Schreiben und Starten eines JavaScript-Programms
Ein JavaScript-Programm kann man innerhalb einer HTMLSeite mit jedem Editor schreiben.
JavaScript mit dem Editor von W3Schools schreiben und
Ausführen eines JavaScript-Programms
Unter Windows können lokal gespeicherte HTML-Dateien aus dem Dateimanager in Chrome gestartet werden.
Auf Tabletts können HTML-Dateien nicht lokal gestartet werden, sondern müssen auf einem Webserver liegen.
Eines der bedeutendsten HTML-Tutorials W3Schools mit Sitz in Norwegen bietet einen einfachen kostenfreien Webserver nach Anmeldung an.
Zum lokalen Öffnen von HTML-Dateien müssen entsprechende Apps installiert sein (z.B. Koder für das Ipad)
Debuggen ist nur im Browser möglich (Funktionstaste F12 bei Chrome auf Windows).
Aufbau von JavaScript
Anweisungen werden als function zusammengefasst und stellen damit ein Objekt mit Attributen und Methoden dar.
Funtionen können einen Rückgabewert haben oder auch nicht.
Variablen müssen
nicht deklariert werden. Durch die Anweisung 'use strict' zu Beginn eines JavaScript-Programms kann die Deklarierung erzwungen werden.
nicht typisiert werden, sondern werden automatsch Typen zugewiesen. Werden Variablen z.B. multipliziert werden sie automatisch zum Typ Zahl, bei der Addition bleiben sie jedoch Typ Zeichen und müssen erst zum Rechnen in eine Zahl umgewandelt werden (parsseInt bzw. parseFloat) .
Klassen in JavaScript
JavaScript ist zwar objektorientiert, braucht aber keine Klassen.
Trotzdem gibt es die Möglichkeit Klassen zu programmieren, weswegen es in den Beispielen verschiedene Versionen der Programme gibt. Einige Beispiele sind nur als Klasse programmiert.
Mit dem Schlüsselwort new wird aus der Klasse ein Objekt gebildet (erzeugt) und automatisch die constructor-Methode der Klasse aufgerufen.
Die anderen Methoden der Klasse und die in der constructor-Methode deklarierten Variablen (Attribute) der Klasse werden mit this angesprochen.
Grundsätzlich wichtig beim Programmieren ist es, die Gültigkeit von Variablen zu verstehen.
Variable die innerhalb einer Methode einer Klasse deklariert werden, gelten nur dort.
Variablen, die nicht durch den Konstruktor initialisiert werden sollen, können außerhalb des Konstruktors ohne Initialisierung deklariert werden und gelten mit this in allen Methoden der Klasse
Variablen einer Klasse brauchen nicht var oder let.
Ein- und Ausgabe in JavaScript
Eingabe über das HTML-Element Input
Beispiel für Eingabe-Feld
Problem ist, dass die Eingabe als Text interpretiert wird
Text wird bei Multiplikation in eine Zahl umgewandelt oder mit den JavaScript-Methoden parseInt oder parseFloat
Beispiel für Schieberegler
Ausgabe über die Eigenschaft innerHTML eines HTML-Elements mit Hilfe der JavaScript-Methode getElementbyId() oder auch über das HTML-Element Input.
Ausgabe durch die JavaScript-Methode write(), die allerdings stets die gesamte HTML-Seite löscht und deshalb bei Aufruf in einer function() eher ungeeignet ist.
Ein- und Ausgabe ist auch über die Popups mit den JavaScript-Methoden prompt und alert möglich.
Ausgabe in Console (Beschreibung)
Kommentare im Programm-Code
einzeilige Kommentare mit Doppel-Slash
mehrzeilige Kommentare innerhalb Slash-Stern und Stern-Slash
Fehlersuche in JavaScript (Debuggen)
Browser können automatisch die Ausgabe in eine Console bewirken und die Fehler anzeigen (F12-Taste).
Zur Fehlersuche können Anweisungen auskommentiert werden.
Der Wert von Variablen kann mit alert(Variable) angezeigt werden.
Mathematik in JavaScript
Durch das Objekt Math hat man Zugang zu mathematischen Funktionen. (W3Schools)