Daten ein- und ausgeben

Das Prinzip

Ein grundlegendes Prinzip beim Programmieren ist das EVA-Prinzip. EVA steht für Eingabe, Verarbeitung und Ausgabe. Alle Programme funktionieren nach diesem Prinzip:
Man gibt Daten ein, das Programm verarbeitet sie und gibt ein Resultat aus. Vielleicht kennst du das Bild der Rechenmaschine.
Das EVA-Prinzip

Zur Datenverarbeitung (dem Schritt in der Mitte) kommen wir später. In diesem Kapitel lernst du, wie du Daten in ein Programm eingeben kannst und wie du dir Daten vom Programm ausgeben lassen kannst.

Inhalt:
Datenausgabe
Dateneingabe
Daten und Programme speichern

Datenausgabe - Variante 1

Wie du mit dem Befehl output() im CodeLab Daten ausgeben kannst, hast du bereits gesehen, hier wird es aber noch einmal erklärt.
output() ist ein vordefinierter Befehl (eine sogenannte Funktion), der nur im CodeLab funktioniert. Mit output() kannst du dir jederzeit Daten in der rechten Hälfte des CodeLabs ausgeben lassen, indem du sie zwischen die beiden Klammern notierst.

output('Hallo Welt!'); output(1234);

Du kannst auch eine Variable in die Klammern schreiben. Wenn sie gültig ist, wird dir der Wert der Variable ausgegeben.

begruessung = 'Guten Tag!'; output(begruessung); output(ungueltig);

Datenausgabe - Variante 2

Es gibt noch eine zweite Variante, um dir Daten ausgeben zu lassen. Statt in der rechten Hälfte von CodeLab, können Daten auch in einem kleinen Fenster angezeigt werden. Das geht mit dem Befehl alert().
Auch hier musst du die Daten wieder in die Klammern schreiben.

Beispiel:

alert('Hallo Welt'); alert(1234);

Unterschiede zwischen alert() und output()

Beide Methoden haben vor und Nachteile:
alert() ist ein offizieller Befehl, der auch ausserhalb vom CodeLab funktioniert. Bei alert() wird das Programm solange angehalten, bis man auf das OK im Meldefenster klickt.

output() funktioniert dagegen nur im CodeLab. Dafür wird das Programm nicht angehalten und man kann sich soviele Daten ausgeben lassen, wie man will (ohne tausendmal auf OK zu drücken).

Dateneingabe - Variante 1

Wie du die Daten ausgeben kannst, weisst du jetzt. Das A vom EVA-Prinzip wäre somit erledigt.

Nun geht es ums E: der Dateneingabe!
Auch hier gibt es mehrere Varianten (drei), wovon du die erste schon kennst.

Wenn du nämlich im Programm einer Variable einen Wert zuordnest ist das auch eine Art von Dateneingabe. Man könnte sagen "die Daten werden als Wert in die Variable gegeben".

Beispiel:

meinName = 'Eugen';

Dateneingabe - Variante 2

Auch für die Dateneingabe gibt es im CodeLab einen Befehl, der nur im CodeLab funktioniert. Analog zum output()-Befehl für die Ausgabe, heisst der Befehl für die Dateneingabe input().

Der input()-Befehl bewirkt, dass im CodeLab-Dialog eine Eingabezeile freigeschaltet wird, in die man einen Text eingeben kann. Ist man damit fertig, kann man durch Drücken der Enter-Taste den eingegebenen Wert dem Script übergeben.

Im Script kann man den eingegebenen Wert wie folgt übernehmen:

eingabe = input();

Die Eingabe ist dann in der Variable eingabe gespeichert.

input() darf nicht in einer übergeordneten Struktur, wie einer "while"-, "do while"- oder "for"-Schleife, "if"-Verzweigung oder Funktion stehen. In diesem Fall ist prompt() zu verwenden.

Dateneingabe - Variante 3

Die dritte Variante ist etwas komplizierter. Hier wird wiederum ein vordefinierter Befehl verwendet: prompt('Eingabeaufforderung','Voreinstellung');

prompt() zeigt ein Fenster mit einer Eingabeaufforderung und einem Textfeld an.

Zwischen den Klammern müssen zwei Zeichenketten, die mit einem Komma getrennt sind, stehen. Die erste Zeichenkette umfasst den Text, der im Fenster angezeigt wird. Mit der zweiten Zeichenkette kann Text ins Textfeld geschrieben werden.
Werden statt der Zeichenkette nur zwei Anführungszeichen (also eine leere Zeichenkette) geschrieben, wird kein Text angezeigt.
Die Funktion hat einen Rückgabewert, der in einer Variable gespeichert werden kann.

Beispiel:

name = prompt('Gib deinen Namen ein!','');

Unterschiede der drei Eingabemethoden

Die erste Methode, die Variablenzuweisung, wird vor allem dann verwendet, wenn die Daten während der Laufzeit des Programms nicht mehr geändert werden und immer gleich sind.

Die zweite Methode, mit dem input()-Befehl, wird dann verwendet, wenn die Abfolge von Ein- und Ausgaben im rechten CodeLab-Teil ersichtlich sein soll. Diese Methode ist keine offizielle Methode, sondern funktioniert nur im CodeLab.

Die dritte Methode ist die sicherste und klarste. Ihr Nachteil ist, dass später nicht immer ersichtlich ist, was genau eingegeben wurde.

Daten und Programme speichern

Wenn du selbst Programme schreibst, oder dein Programm Daten berechnet hat, wirst du das auch abspeichern wollen.

Leider ist es aus sicherheitstechnischen Gründen nicht möglich, Daten mit JavaScript aus dem Browser auf der Harddisk zu speichern.

Wenn du also etwas speichern willst, musst du es mit der Maus auswählen, kopieren und in einem anderen Programm wieder einfügen (am besten in deinem LogBuch).