Brückenkurs Websites und Webapps/Bedingungen

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
Oft sollen bestimmte Anweisungen nur ausgeführt werden, wenn eine bestimmte Bedingung erfüllt ist. 

==Aufbau von If-Anweisungen==

Hier sehen Sie ein Programm, welches den Text "es ist warm" ausdruckt, wenn die Variable "temperatur" einen Wert > 15 besitzt:

<code id="58e1635961343">
var temperatur = 20;
</code>
<run id="58e1635961513">
if(temperatur > 15){
   
   console.log("Es ist warm.");
}
</run>

Das Beispiel zeigt den typischen Aufbau einer '''If-Anweisung''':

 if(<Bedingung>){
    ...
 }

Zwischen die geschweiften Klammern werden ein oder mehrere Anweisungen geschrieben, die ausgeführt werden sollen, wenn die <Bedingung> wahr ist. Es handelt sich um den sogenannten '''If-Block'''.

Natürlich können auch mehrere Bedingungen nacheinander geschrieben werden:

 if(<Bedingung1>){
    ...
 }
 
 if(<Bedingung2>){
    ...
 }

Eine If-Anweisung kann auch einen Sonst-Block (oder '''Else-Block''') besitzen:

 if(<Bedingung>){
    ...
 }else{
    ...
 }

Zwischen die geschweiften Klammern des Else-Blocks werden ein oder mehrere Anweisungen geschrieben, die ausgeführt werden sollen, wenn die <Bedingung> false ergibt.

'''Beispiel'''

Das Programm gibt den Text "Es ist kalt." aus, wenn die Temperatur <= 15 ist. Ändern Sie den Wert der Variable "temperatur", um das Programm zu testen!
<code id="58e16359613be">
var temperatur = 20;
</code>
<run id="58e163596157b">
if(temperatur > 15){
   
   console.log("Es ist warm.");

}else{

  console.log("Es ist kalt.");
}
</run>

==Aufbau von Bedingungen==

Die <Bedingung> muss ein logischer Ausdruck sein, der wahr oder falsch (d.h. true oder false) ergibt.

'''Beispiele für logische Ausdrücke'''

Ändern Sie in den folgenden Beispielen die Werte der Variablen x und y, um die Programme zu testen!

''x > y''
<code id="58e1635961433">
var x = 6;
var y = 7;
</code>
<run id="58e16359615dc">
if(x > y){
  console.log("x ist größer als y");
}else{
  console.log("x ist kleiner als y");
}
</run>


''x < y''
<code id="58e1635961499">
var x = 6;
var y = 7;
</code>
<run id="58e163596164c">
if(x < y){
  console.log("x ist kleiner als y");
}else{
  console.log("x ist größer als y");
}
</run>

Außerdem können die Operatoren >= (größer gleich) sowie <= (kleiner gleich) verwendet werden.


''x>=a && x<=b'' (Test, ob x zwischen den Werten a und b liegt)
<code id="58e17b61f079b">
var a = 0;
var b = 10;

var x = 3;
</code>
<run id="58e17b61f0846">
if(x>=a && x<=b){
 console.log("x liegt zwischen a und b");
}else{
 console.log("x liegt außerhalb von a und b");
}
</run>


''x == y'' (Test, ob x und y den gleichen Wert besitzen)
<code id="58e16424c3ecb">
var x = 6;
var y = 6;
</code>
<run id="58e16424c3fd1">
if(x == y){
  console.log("x ist gleich y");
}else{
  console.log("x ist ungleich y");
}
</run>


''x != y'' (Test, ob x und y ungleiche Werte besitzen)
<code id="58e16424c3f46">
var x = 6;
var y = 7;
</code>
<run id="58e16424c4049">
if(x != y){
  console.log("x ist ungleich y");
}else{
  console.log("x ist gleich y");
}
</run>


==Aufgaben==

Erstellen Sie eine If-Anweisung: Wenn der Wert von x > 0 ist, soll der Text "die Zahl ist positiv" ausgegeben werden. Ansonsten soll der Text "die Zahl ist negativ" ausgegeben werden.
<code id="58e1673f8eeb1">
var x = 5;
</code>
<run id="58e1673f8eff9">
</run>


Erstellen Sie eine If-Anweisung: Wenn das Alter größer gleich 18 ist, soll der Text "Die Person ist volljährig." ausgegeben werden. Ansonsten soll der Text "Die Person ist minderjährig" ausgegeben werden.
<code id="58e1737a82f7f">
var alter = 25;
</code>
<run id="58e1737a83023">
</run>


Formulieren Sie nacheinander folgende If-Anweisungen:
* Wenn die Uhrzeit zwischen 0 und 6 liegt - Ausgabe: "Es ist Nacht."
* Wenn die Uhrzeit zwischen 6 und 12 liegt - Ausgabe: "Es ist Vormittag."
* Wenn die Uhrzeit zwischen 12 und 18 liegt - Ausgabe: "Es ist Nachmittag."
* Wenn die Uhrzeit zwischen 18 und 24 liegt - Ausgabe: "Es ist Abend."
* Wenn die Uhrzeit < 0 ist - Ausgabe "ungültige Uhrzeit"
* Wenn die Uhrzeit > 24 ist - Ausgabe "ungültige Uhrzeit"
<code id="58e1673f8ef50">
var uhrzeit = 10;
</code>
<run id="58e1673f8f090">
</run>