JavaScript-Programme werden wie im HTML5-Standard festgelegt wischen den HTML-Tags <script>... </script> entweder in den Head oder Body einer HTML-Seite mit einem beliebigen Texteditor geschrieben und als Textdatei mit der Kennung html abgespeichert. (W3Schools)
Es gibt Editoren, wie der Editor TryIt des skandinavischen Programmier-Portals W3Schools, in denen das Programm nach dem Schreiben sofort über ein entsprechendes Ereignis ausgeführt werden kann.
Beispiele für Ereignisse
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).
Anweisungen werden als function zusammengefasst.
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) .
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.
Durch das Objekt Math hat man Zugang zu mathematischen Funktionen. (W3Schools)
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)
einzeilige Kommentare mit Doppel-Slash
mehrzeilige Kommentare innerhalb Slash-Stern und Stern-Slash
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.