Brückenkurs Websites und Webapps/Bedingungen

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
Oft sollen bestimmten 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 ergibt. Es handelt sich um den sogenannten '''If-Block'''.

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");
}
</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>