Funktionen nur wenn dann

Größe: px

Ab Seite anzeigen:

Download "Funktionen nur wenn dann"

Kornelius Schräder
vor 6 Jahren
Abrufe

1 Funktionen nur wenn dann Funktionen können auch nur in bestimmten Fällen angewendet werden. Code wird nur in einem bestimmten Fall ausgeführt Code Ja Code Block wahr if wahr? Nein else Code Block Alternative Code

2 If else.. if (Bedingung) { //Was unter dieser Bedingung getan werden soll else { // Was ansonsten getan werden soll Die Bedingung ermöglicht die Entscheidung, welcher Block ausgeführt wird. Der if-block wird ausgeführt, wenn die Bedingung erfüllt ist. Die geschweiften Klammern haben die gleiche Aufgabe wie bei der Funktionsdefinition. Sie fassen Code zusammen, sodass der Interpreter weiß, dass er zusammengehört. Ist die Bedingung nicht erfüllt, wird der else-block ausgeführt.

3 If else.. die Bedingung if (Bedingung) { //Was unter dieser Bedingung getan werden soll else { // Was ansonsten getan werden soll Eine gültige Bedingung ist immer dann gegeben, wenn der Computer die Entscheidung: wahr oder falsch treffen kann. 2 == "2" wahr 2 === "2" falsch Zeichen Bedeutung > größer als >= größer gleich == gleich <= kleiner gleich < kleiner!= ungleich === gleich ohne Typkonvertierung!== ungleich ohne Typkonvertierung

Wenn die Bedingung wahr ist, wird (hier) eine zuvor spezifizierte

4 If else.. ein Beispiel if (raumtemperatur > 20) { heizungausschalten(); else { heizungeinschalten(); Die Bedingung ist dann wahr, wenn die Raumtemperatur größer ist als 20. Wenn die Bedingung wahr ist, wird (hier) eine zuvor spezifizierte Funktion ausgeführt. Ein anderer Code wird ausgeführt, wenn die Bedingung falsch ist. Der else-code kann auch weggelassen werden, wenn nichts gemacht werden soll.

5 If else.. Geschachtelt in einem else-code if (raumtemperatur > 20) { heizungausschalten(); else if (Raumtemperatur < 17) { heizungeinschaltenlevel5(); else if (Raumtemperatur < 18){ heizungeinschaltenlevel4(); else heizungeinschaltenlevel3(); else if ist die einfachste Möglichkeit, mehr als zwei Fälle zu unterscheiden. Hier kann beliebig häufig geschachtelt werden. Die Reihenfolge ist relevant, es wird von oben nach unten gelesen. Das zuerst zutreffende wird ausgeführt.

6 If else.. Bedingungen kombinieren if (raumtemperatur > 20 && jahreszeit == "Winter") { heizungausschalten(); else if (Raumtemperatur < 17) { heizungeinschaltenlevel5(); else if (Raumtemperatur < 18){ heizungeinschaltenlevel4(); else heizungeinschaltenlevel3(); Das doppelte ampersand && verknüpft zwei Bedingungen. Die gesamte Bedingung ist nur dann wahr, wenn beide Bedingungen einzeln wahr sind.

7 If else.. & Funktionen Übungsaufgabe 12 Ziel: Bau eines Eingabeformulars, welches die Korrektheit der Inhalte prüft. 1. Baue ein Formular mit 3 Eingabefeldern (Vorname, Nachname, ) 2. Erstelle einen Button, der die Formulareingaben überprüft. 3. Gebe eine Fehlermeldung aus, wenn JavaScript im Browser nicht aktiv ist. 4. Schreibe je eine leere Funktion zur Überprüfung eines Formularfeldes (function pruefevorname(){ ) 5. Schreibe eine Funktion, die die zuvor erstellen Funktionen ausführt und mit dem Button verknüpft. 6. Schreibe nun, in die in 4. erstellte Funktion die Prüfungen ein: a. Prüfe ob ein Vorname eingetragen wurde b. Prüfe ob ein Nachname eingeben wurde, der länger ist als ein Buchstabe. c. Prüfe ob eine -Adresse eingegeben wurde (enthält die Eingabe

8 If else.. & Funktionen Übungsaufgabe Erstelle in 6. zunächst die relevanten Variablen. Dann erstelle eine If else Abfrage, um zu prüfen, dass das Feld gefüllt ist. Bei leerem Feld (vorname== "") soll eine Fehlermeldung an die Funktion schreibefehler() übergeben werden. 8. schreibefehler-funktion lautet wie folgt und steht zuoberst im Skript: function schreibefehler(meldung) { var fehlercontainer = document.getelementbyid("fehler"); fehlercontainer.innerhtml += "<p>" + meldung + "</p>"; 9. Gebe der Fehlermeldung mit Hilfe von <div id= fehler ></div> einen Ort im <body>.

9 If else.. & Funktionen Übungsaufgabe Und jetzt das letzte noch was zum knobeln: Damit die Fehlermeldungen bei erneutem Buttonklick nicht immer wieder untereinander angezeigt werden, muss eine weitere Funktion geschrieben werden, welche die bestehenden Ausgaben überschreibt. Beachte dabei die Position der Funktion.

10 If else.. & Funktionen Lösungbeispiel 12 Teil 1 <html> <head> <script> function loeschefehler(){ var fehlercontainer=document.getelementbyid("fehler"); fehlercontainer.innerhtml = ""; function schreibefehler(meldung) { var fehlercontainer=document.getelementbyid("fehler"); fehlercontainer.innerhtml += "<p>" + meldung + "<p>"; function pruefevorname(){ var vorname = document.getelementbyid("vorname").value; if (vorname == ""){ schreibefehler("bitte geben Sie einen Vornamen ein");

11 If else.. & Funktionen Lösungbeispiel 12 Teil 2 function pruefenachname(){ var nachname=document.getelementbyid("nachname").value; if (nachname == ""){ schreibefehler("bitte geben Sie einen Nachnamen ein"); else if (nachname.length <= 1){ schreibefehler("zu kurz"); function pruefe (){ var = document.getelementbyid(" ").value; if ( == ""){ schreibefehler("bitte geben Sie eine -Adresse an"); else if ( .indexof("@") < 0){ schreibefehler("die -Adresse ist ungültig");

12 If else.. & Funktionen Lösungbeispiel 12 Teil 3 function pruefeformular(){ loeschefehler(); pruefevorname(); pruefenachname(); pruefe (); </script> </head> <body> <div id="fehler"></div> <label for="vorname">vorname: </label> <input id="vorname" name="vorname"></br></br> <label for="nachname">nachname: </label> <input id="nachname" name="nachname"></br> </br> <label for=" "> </label> <input id=" " name=" "></br></br> <button type="button" onclick="pruefeformular();" > Überprüfung </button> </body> </html>

13 If else.. Oder-Bedingungen if (raumtemperatur > 20 jahreszeit == Sommer") { heizungausschalten(); else if (Raumtemperatur < 17) { heizungeinschaltenlevel5(); else if (Raumtemperatur < 18){ heizungeinschaltenlevel4(); else heizungeinschaltenlevel3(); Der doppelte senkrechte Strich verknüpft zwei Bedingungen. Die gesamte Bedingung ist dann wahr, wenn eine der beiden Bedingungen wahr ist.

If else.. Negation-Bedingung if (!raumtemperatur) { Fehlermeldung(Es kann keine Temperatur gemessen werden.); Das Ausrufezeichen vor einer Bedingung dreht die Prüfung von Richtig auf Falsch.

14 If else.. Negation-Bedingung if (!raumtemperatur) { Fehlermeldung(Es kann keine Temperatur gemessen werden.); Das Ausrufezeichen vor einer Bedingung dreht die Prüfung von Richtig auf Falsch. Das Beispiel prüft den Fall, dass es keine Raumtemperatur gibt. True und false sind Boolean-Werte in JavaScript. Boolean-Werte sind Datentypen, wie String und Number.! Liefert auch einen Boolean-Wert. var = raumtemperatur = false; if (!raumtemperatur) { Meldung(Ich kann eine Temperatur lesen.);

15 If else.. Was ist die Wahrheit? Werte, die von JavaScript als false behandelt werden, heißen falsy (falsch-artig). Werte, die von JavaScript als true behandelt werden, heißen truthy (richtig-artig). falsy-werte: false 0 (Achtung "0" ist truly) "" null NaN (not a Number) undefined

16 If else.. Was ist die Wahrheit? Ein Beispiel Welcher Code wird ausgeführt? var zahl = 0; true if (!zahl) (zahl) false Code Block else Code

17 If else.. Was ist die Wahrheit? Übung 13 Welcher Code wird ausgeführt? var variable1 =3; var variable2 =7; var variable3 =0; var variable4 ="0"; var variable5 =""; var variable6 =true; if (variable1 > variable2) { else { //1 if (variable1!= variable2) { else { //2 if (variable1) { else { //3 if (variable1 === "3") { else { //4 if (!variable4) { else { //5 if (variable3 variable 2) { else { //6 if (variable1 && variable 4) { else { //7 if (!variable6) { else { //8 if (variable4.indexof("3")) { else { //9 if (variable3 == variable4) == (variable3 === variable4) { else { //10

18 If else.. Was ist die Wahrheit? Lösung 13 Welcher Code wird ausgeführt? var variable1 =3; var variable2 =7; var variable3 =0; var variable4 ="0"; var variable5 =""; var variable6 =true; if (variable1 > variable2) { else { if (variable1!= variable2) { else { if (variable1) { else { if (variable1 === "3") { else { if (!variable4) { else { if (variable3 variable 2) { else { if (variable1 && variable 4) { else { if (!variable6) { else { if (variable4.indexof( 1")) { else { if (variable3 == variable4) == (variable3 === variable4) { else { //1 else //2 if //3 if //4 else //5 else //6 if //7 if //8 else //9 if //10 else

19 Lessons Learned Java Script Primitive Datentypen: - String "Hallo","23" - Number 1, 2, 3, - Boolean true, false Objekt-Typen - Function Aneinanderreihungen von Anweisungen, die man in Variablen speichern kann, man kann sie als Parameter übergeben und ihnen Eigenschaften zuweisen.

Ähnliche Dokumente

Funktionen nur wenn dann

Funktionen nur wenn dann Funktionen können auch nur in bestimmten Fällen angewendet werden. Code wird nur in einem bestimmten Fall ausgeführt Code Ja Code Block wahr if wahr? Nein else Code Block Alternative