<!Doctype html>
<body>
<h3>js01_var.html</h3>
<br /> Eingabe1:<input type="text" id="ip1" name="ip1" value="0"/>
<br /> Eingabe2:<input type="text" id="ip2" name="ip2" value="0"/>
<br /> <input type="button" value="rechnen" onclick=
"
var ein1=+ip1.value;//
var ein2=+ip2.value;
t1.innerHTML=
'Eingabe1+Eingabe2='+(ein1+ein2)+String.fromCharCode(10)+
'Eingabe1-Eingabe2='+(ein1-ein2)+String.fromCharCode(10)+
'Eingabe1*Eingabe2='+(ein1*ein2)+String.fromCharCode(10)+
'Eingabe1/Eingabe2='+(ein1/ein2)+String.fromCharCode(10)+
'Eingabe1%Eingabe2='+(ein1%ein2)+'(Divisionsrest)'
;
"
/>
</br><textarea id="t1" rows="10" cols="80">
</textarea>
</body>
</html>
<!--
Hier beginnt ein html-Kommentar über mehrere Zeilen
Javascript-Zeilen-Kommentare mit //. (mehrzeilig: /*...*/)
Nach dem Doppelklick erscheinen 2 input-Felder und ein button.
click auf den button startet das Javascriptprogramm, innerhalb
dieses Programms muss man Texte in Hochkommata setzen.
Das Javascriptprogramm wird von HTML (HyperTextMarkupLanguage)
eingerahmt. Der Zusammenhang wird hier über id hergestellt.
Beides wird vom browser (z.B. firefox) interpretiert.
Die Ausgabe erfolgt in ein Textfeld.für sich.
String.fromCharCode(10) ergibt eine neue Zeile.
Bereits hier erkennt man den objektorientierten Ansatz von Javascript.
Man erkennt es an Anweisungen wie String.fromCharCode(10) mit Punkt.
In js11.. werden wir dies ausführlich behandeln, und eigene Objekte
definieren, einstweilen verwenden wir vordefinierte Javascriptobjekte
in der in den Beispielen erklärten Form.
Ausprobieren (firefox):
<html>...</html> markieren Extras Web-Entwickler Javascript-Konsole
einfügen speichern, dann gespeicherte Datei Doppelklicken.
Ausprobieren: Einen Texteditor öffnen und den Text von
<!Doctype html> bis </html> kopieren, unter js.html speichern,
schliessen und doppelklicken. Dann öffnet sich der browser und die
Datei wird ausgeführt.
der hier endet
-->