PMG10ab 2023/Verzweigungen

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
<font color = grey>Einige Beispiele sind dem ''Brückenkurs Webapps der HS Zittau/Görlitz entnommen.''</font>

== Syntax ==

Oft sollen Anweisungen nur ausgeführt werden, wenn eine bestimmte Bedingung erfüllt ist. 

Eine solche Verzweigung (Alternative) ist folgendermaßen in JavaScript aufgebaut:

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

Zwischen die geschweiften Klammern werden ein oder mehrere Anweisungen geschrieben, die ausgeführt werden sollen, wenn die <Bedingung> true (also ''wahr'') ist. Es handelt sich um den sogenannten '''If-Block'''.
Zwischen die geschweiften Klammern des '''Else-Blocks''' werden ein oder mehrere Anweisungen geschrieben, die ausgeführt werden sollen, wenn die <Bedingung> false (also ''unwahr'') ergibt.


''Beispiel''

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

}else{

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


Gelegentlich gibt es keine Anweisungen für den ELSE-Block, also wenn die <Bedingung> nicht erfüllt ist. Dann wird dieser Block weggelassen.

 if(<Bedingung>){
    ...
 }




== Bedingungen ==


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

'''Beispiele für logische Ausdrücke'''
Ändere in den folgenden Beispielen die Werte der Variablen x und y, um die Programme zu testen.

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


''x < y''
<code id="6575d853e5dfe">
var x = 6;
var y = 7;
</code>
<run id="6575d853e606f">
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="6575d853e5e4c">
var a = 0;
var b = 10;

var x = 3;
</code>
<run id="6575d853e60b9">
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="6575d853e5e98">
var x = 6;
var y = 6;
</code>
<run id="6575d853e6103">
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="6575d853e5ee3">
var x = 6;
var y = 7;
</code>
<run id="6575d853e614e">
if(x != y){
  console.log("x ist ungleich y");
}else{
  console.log("x ist gleich y");
}
</run>


== Aufgaben ==

'''1. Erstelle eine If-Anweisung:''' <br>
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="6575d853e5f2f">

</code>
<run id="6575d853e619a">
</run>


'''2. Erstelle eine If-Anweisung:''' <br>
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="6575d853e5f7c">

</code>
<run id="6575d853e61e6">
</run>