onlineif-Bedingung
Ein wesentlicher Punkt im Coden ist, dass das Programm selbständig Entscheidungen fällen kann.
Abhängig von einer oder mehrer Bedingungen reagiert das Verhalten während des Programmablaufes. Leicht erkennbar können so Sätze gesprochen werden wie:
WENN ....... DANN .....
Wie in jeder Programmiersprache enthält auch JavaScript die Möglichkeit einer if-Abfrage.
Die Syntax lautet:
if (a == b){
alert ("a ist gleich b");
} else {
alert ("a und b sind ungleich");
}
VORSICHT: In der if-Bedingung: wenn a = b ist, wird an a der Wert von b übergeben und ist damit immer gleich groß und daher immer wahr!!! Daher wird üblicherweise == für einen Vergleich der Werte verwendet. Für JavaScript gilt als zusätzliche Möglichkeit abweichend: Soll sinnvollerweise der Datentyp gleich sein, dann wird immer === verwendet.
Damit sieht das so aus:
Beispiel 1:
var a = 4;
var b = 0;
b = prompt ("Erraten Sie den Zahlenwert von a?");
if (a == b) {
alert ("a ist gleich b");
} else {
alert ("a und b sind ungleich");
}
Der Vergleich kann auch mit Strings durchgeführt werden.
Die Abfrage erfolgt durch Vergleich zweier Werte. Dies geschieht meist mithilfe der Vergleichs-Operatoren, die mit den logischen Operatoren verbunden werden können.
Vergleichs-Operatoren
a == b (a ist gleich b)
a < b (a ist kleiner als b)
a <= b (a ist kleiner oder gleich b)
a >= b (a ist größer oder gleich b)
a > b (a ist größer als b)
a != b (a ist nicht b)
Sonderregel JavaScript === vergleicht auch den Typ!
logischen Operatoren
- && UND
- || ODER
- ! NICHT
Beispiel 2
Auf einer Webseite befindet sich ein Eingabefeld. Wenn ein Knopf gedrückt wird, soll geprüft werden, ob eine Zahl zwischen 2 und 7 eingegeben wurde. Die Rückmeldung erscheint unter dem Eingabefeld auf der Webseite. Vorsicht der Vergleich kann hinken!!!
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Beispiel</title>
<script>
function teste_eingabe() {
var x;
var text;
x = document.getElementById("eingabe").value;
// isNAN() --> Wenn x keine Zahl ist ODER kleiner als 2 ODER größer als 7, dann ist die Ausgabe ungültig
if (isNaN(x) || x < 2 || x > 7) {
text = "Ungültiger Wert! Geben Sie eine Zahl zwischen 2 und 7 ein";
} else {
text = "Ihre Eingabe war: " + x;
}
document.getElementById("ausgabe").innerHTML = text;
}
</script>
</head>
<body>
<p>Geben Sie eine Zahl zwischen 2 und 7 ein:</p>
<input id="eingabe" type="text">
<button type="button" onclick="teste_eingabe()">Submit</button>
<p id="ausgabe"></p>
</body>
</html>