JavaScript / Grundkurs - 3. 1x1 in JavaScript

von: Werner Zenk

1. Das erste JavaScript
2. Variable Variablen
3. 1 x 1 in JavaScript
4. Gleich oder Ungleich

5. Ein- und Ausgaben
6. Wie spät ist es?
7. Öffne das Fenster
8. JavaScript schreibt!

9. Schöne Schleifen
10. Arrays - Datenfelder
11. Alles Zufall?
12. Die Zeichenkette

Mit JavaScript können Sie auch das 1 x 1 rechnen.

1 + 1 Die Zahlen werden addiert.
1 - 1 Die Zahlen werden substrahiert.
1 * 1 die Zahlen werden multipliziert
1 / 1 die Zahlen werden dividiert.

Machen Sie gleich einen Test. Nehmen Sie den HTML-Button und die Dialogbox alert() von Kursfolge 2 und setzen die Zahlen die berechnet werden sollen ein.

<input type="button" value="Los!" onClick=" alert( 1 + 1 ) ">

<input type="button" value="Los!" onClick=" alert( 51 - 17 ) ">

<input type="button" value="Los!" onClick=" alert( 7 * 5 ) ">

<input type="button" value="Los!" onClick=" alert( 124 / 2 ) ">

Um nicht jedesmal die Zahlen im Quelltext eingeben zu müssen, bauen Sie einen kleinen "Taschenrechner".
Dazu benötigen Sie eine weitere Dialogbox, die mit dem JavaScript-Befehl prompt() erzeugt wird.
Innerhalb des prompt()-Befehls können Sie Vorgaben einfügen: prompt( 'Meldung' , 'Wert') .
Die Variable ergebnis ist eine Zeichenkette, um Sie in eine Zahl umzuwandeln benötigen Sie den JavaScript-Befehl eval()
Achten Sie darauf das Sie die Klammern () an die richtige Stelle setzen.
Und so sieht der fertige Rechner aus:

<input type="button" value="Rechner"
 onClick=" var ergebnis = prompt( 'Zahlen eingeben' , '1+1'); alert( eval( ergebnis ) ) ">

Noch ein weiterer Rechner:

<input type="button" value="Rechner" onClick
=" var ergebnis = prompt( 'Zahlen eingeben' , '0'); alert( ergebnis + ' = ' + eval( ergebnis ) ) ">

Variablen können auch berechnet werden. a + b, a - b, a * b, und a / b
Dazu nehmen wir das Beispiel aus Kursfolge 2 und verändern es ein wenig.

<script type="text/javascript">
 function Start() {
  var Name = "Peter";
  var Name2 = "Sabine";
  var GeburtsTag = 16;
  var GeburtsTag2 = 14;
  var Ergebnis = GeburtsTag - GeburtsTag2; // Das Ergebnis istgleich GeburtsTag minus GeburtsTag2
  alert(Name +  " ist " + Ergebnis + " Jahre älter als " + Name2);
 }
</script>
<input type="button" value="Bitte drücken!" onClick="Start();">

Rechnen mit runden Klammern

var wertEins = 10 * 2 + 3;
var wertZwei = 10 * (2 + 3);

alert(wertEins); // Ausgabe: 23
alert(wertZwei); // Ausgabe: 50

info: Wichtig ist bei einem größeren JavaScript den Programmverlauf zu kommentieren,
damit Sie später noch wissen, was diese Funktion bewirken soll.
Um in JavaScript einen Programmschritt oder eine Funktion zu kommentieren, fügen Sie vor
dem Kommentar zwei Schrägstriche // ein. // Das ist ein Kommentar

Ein mehrzeiliger Kommentar wird mit diesen /* */ Zeichen markiert.
/* Das ist ein
mehrzeiliger Kommentar */

2. Variable Variablen 3. 1x1 in JavaScript 4. Gleich oder Ungleich