Hier wollen wir endlich das vollenden, woran uns im letzten Kapitel die Verschnaufpause gehindert hat.
Starte also VS Code gegebenenfalls neu und dich erwartet dein letztes Programm-Projekt. Falls nicht, kannst du es über File und Open File laden.
Dann starte das Programm über Run/Start Debugging oder mit F5 .
Und das Ergebnis müsste etwa so aussehen:

Sieht das nicht genauso aus wie ganz am Anfang des letzten Kapitels? Ja, stimmt. Natürlich reicht uns das nicht, also wollen wir dieses kleine Programm gleich erweitern. Diesmal soll erst mal kein Hallo erscheinen, sondern eine Eingabebox, in die du etwas eintippen kannst – z.B. deinen Namen. Mit dem wirst du anschließend begrüßt:
In JavaScript ist es nicht unwichtig, ob man Groß- oder Kleinschreibung benutzt. Die Variable Eingabe gilt als nicht definiert, ist dem Computer also fremd. Oder wenn du meinst, Window sei doch eigentlich dasselbe wie window, meldet VS Code, dass die Methode prompt plötzlich nicht mehr bekannt ist.
Mit window.prompt wird ein (kleines) Fenster geöffnet, wobei die Methode prompt bewirkt, dass dort ein Eingabefeld zur Verfügung steht. Nachdem du dort etwas eingetippt hast, muss der Computer sich das natürlich merken. Und dazu ist die Variable eingabe da. Darin wird dein Text gespeichert.
Und später, eine Zeile weiter, wird mit der dir schon bekannten Anweisung document.write zum einen der Text »Hallo« ausgegeben und direkt dahinter der Inhalt der Variablen eingabe . Wie du siehst, kann man zwei Elemente, die ausgegeben werden sollen, durch ein Plus (+) miteinander verknüpfen.
Variable? Was genau ist damit hier gemeint? Eine Variable ist ein Platzhalter , der Computer reserviert dafür ein Stück seines Arbeitsspeichers. Dort legt er dann das ab, was der Variablen zugewiesen wurde.
In JavaScript werden Variablen mit var gekennzeichnet, wenn sie neu erzeugt werden. Wird ihnen später ein neuer Wert zugewiesen, dann muss man das var weglassen. Statt var kann man auch let benutzen, sodass diese beiden Versionen möglich sind:
Bei einer Zuweisung steht immer links die Variable und rechts der Wert, das Gleichheitszeichen hat also quasi die Bedeutung eines Pfeils:
Variable 🠔 Wert:
Das Gleichheitszeichen (=) wird auch Zuweisungsoperator genannt.
In einfacherer Form kann eine Zuweisung auch so aussehen:
text = „Wer bist du?“:
Dann ist die Zeichenkette „Wer bist du?“ der Wert, den die Variable text bekommt. In unserem Fall bekommt die Variable eingabe keinen direkten Wert, sondern das Ergebnis eines Ausdrucks, den ich mal als »Formel« bezeichnen will:rtzfgrtzfgfurjswdfgertwerasdfwertsdfgtxqaxtg4zfrdewstgcxcxrecvggcvtcswtq42taar2rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrfseqdrfarfqdarfxyyxfrqadqrwqesXWERASDFWERSDFWERSDFWERSDFWERSDFWERSDFWERSDFWERSDFXQAYRETZWFWFWFWFWFWFWFWFWFWFWFWFWFWFWFWFDGSWEFRTZRFTRFZGEDSQWFTGRZESDWFESDRWXYAXYSFGVT BRG RTZVBGFRTZVB TZFGVB GVFG VFBTTZFVBTZFVGFG FVBTGFVGFVTRZB BRZB GFGGFTVZGTFZVB GGFTVZZZZZZZZZZZZJUJTZFGRF VWEQRASDADFQRDAFADQRDQSDQRADQAFGERTZSDFGRTZFTGRZDEZZTGFRRRRRRRRRRRRRRRJZDFGCWERTZSSCVWRTGWZXCWERTSDGSWGTVCZ