The Else If in JavaScript is very useful when we have to check several conditions. We can also use the JavaScript Nested If to achieve the same but as the number of conditions increase, code complexity will also increase. Let us see the syntax of the Else if statement:
Else If in JavaScript Syntax
The syntax of the Else If in JavaScript is as follows:
|
1 2 3 4 5 6 7 8 9 10 11 |
if (condition 1) statements 1 else if (condition 2) statements 2 else if (condition 3) statements 3 ........... else if (condition n) statements n else default statements |
Else If statement handle multiple statements effectively by executing them sequentially. It will check for the first condition, if the condition is TRUE then it will execute the statements present in that block. If the condition is FALSE then it will check the Next one (Else If condition) and so on.
There will be some situations where condition 1, condition 2 is TRUE, for example:
x = 20, y = 10
Condition 1: x > y //TRUE
Condition 2: x != y //TRUE
In these situations, statements under the Condition 1 will be executed because ELSE IF conditions will only be executed if its previous IF or ELSE IF statement fails.
Else If in JavaScript Flow Chart
Let us see the flow chart for better understanding.
Else If in JavaScript Example
In this program, We are going to calculate whether he is eligible for scholarship or not using JavaScript Else if statement
JAVASCRIPT CODE
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<!DOCTYPE html> <html> <head> <title> Else If in JavaScript </title> </head> <h1> Else If in JavaScript </h1> <body> <script> var Totalmarks = 380; if (Totalmarks >= 540) { document.write("<b> Congratulations </b>"); document.write("<br\> You are eligible for Full Scholarship " ); } else if(Totalmarks >= 480) { document.write("<b> Congratulations </b>"); document.write("<br\> You are eligible for 50 Percent Scholarship " ); } else if (Totalmarks >= 400) { document.write("<b> Congratulations </b>"); document.write("<br\> You are eligible for 10 Percent Scholarship " ); } else { document.write("<b> You are Not eligible for Scholarship </b>"); document.write("<br\> We are really Sorry for You" ); } </script> </body> </html> |
OUTPUT 1: Here the Totalmarks = 550. First If condition is TRUE that’s why, statements inside the If Statement is displayed as Browser output
OUTPUT 2: We are going to change the Totalmarks to 500 means first IF condition is FALSE. It will check the else if (Totalmarks >= 480), which is TRUE so it will display the statements inside this block. Although else if (Totalmarks >= 400) condition is TRUE, but it won’t check that condition.
OUTPUT 3: We are going to change the Totalmarks to 440 means first IF condition, else if (Totalmarks >= 480) are FALSE. So, It will check the else if (Totalmarks >= 400), which is TRUE so it will print the statements inside this block.
OUTPUT 4: We are going to change the Totalmarks to 380 means all the IF conditions Fail. So, It will print the statements inside the else block.
Thank You for Visiting Our Blog
Share your Feedback, or Code!!