If - else if

Beispiel:


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JS-Demo</title>
    </head>
    <body>        
        <script>
            let msg = "How many points did you get in your last exam?";
            points = Number(prompt(msg));
            if (points > 44) {
                alert("This is excellent!");
            } else if (points > 36) {
                alert("This is good!");
            } else if (points > 23) {
                alert("It was enough!");
            } else {
                alert("Sorry, that was not enough!");
            }
        </script>
    </body>
</html>

Um Bedingungen wie z. B. x<0 und y<0 zu kombinieren (mittels UND bzw. mittels ODER) gibt es die Schreibweise für logisches Und, nämlich && sowie die Schreibweise für logisches Oder, nämlich ||.

x<0 && y<0 bedeutet (als Bedingung): Sowohl x muss kleiner Null sein, als auch y.

x<0 || y<0 bedeutet: Entweder x muss kleiner Null sein oder y muss kleiner Null sein. Falls beide Variablen kleiner Null sind, ist die Bedingung erst recht erfüllt, d.h. das Oder ist kein exklusives Oder.

Logische Verknüpfungen bzw. Operatoren

Mit Hilfe von logischen Operatoren kann man Aussagen miteinander verknüpfen.

Operator Bedeutung
&& logisches UND
|| logisches ODER
! logisches NICHT

Beispiel:

In Österreich liegt das Regelalter für den Pensionsantritt bei Männern bei 65 und bei Frauen bei 60 Jahren.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JS-Demo for if-condition with and respectively or </title>
    </head>
    <body> 
        <h3>JS-Demo for if-condition with and respectively or </h3>       
        <script>
            "use strict";
            let age = Number(prompt("How old are you?"));
            let sex = prompt("Are you male or female (Input m or f)", "m"); // the "m" after the comma sets the default value for the input to "m" (male)
            if ( (age > 59 && sex == "f") || (age > 64 && sex == "m") ) {
                alert("You can retire!");
            } else {
                alert("You still have to work!");
            }
        </script>
    </body>
</html>