3/33 Need an answer to this if/else order!

@Ali Marwan Maybe in a Diagram….

program
flow
  |
  V                                                - - - -
for(i=1;i<21;i++){ - - - - - i >= 21 - - - - - -> | EXIT |
|      |                                           - - - -
^      V
|   (i < 21)
^      V
|     if (i%3===0){
|          console.log("Fizz"); - - - - - > - - - -| 
|     }                                            |
^     else {                                       V
|          if (i%5===0){                           |
|              console.log("Buzz"); - - - > - - - -V
|          }                                       |
^          else {                                  V
|             if (i%3===0 && i%5===0) {            |
|                     console.log("FizzBuzz"); - > |
|             }                                    |
|             else {                               V
|                 console.log(i); - - - - - > - - -|
|             }                                    |
^          }                                       V
|      }                                           |
^ - - - - - -< - - - - - - < - - - < - - - - - < - -
 }                                            

Well a condition executes the if case if the condition is true and the else case otherwise.

(This is just your code formatted by jsbeautifier.org and used the code feature {}-button)

for (i = 1; i < 21; i++) {
    if (i % 3 === 0) {
        console.log("Fizz");
    } else {
        if (i % 5 === 0) {
            console.log("Buzz");
        } else {
            if (i % 3 === 0 && i % 5 === 0) { <<= === === === PLACED@ THE END
                console.log("FizzBuzz");
            } else {
                console.log(i);
            }
        }
    }
}

So if i % 3 === 0 && i % 5 === 0 is true its pretty obvious that also i % 3 === 0 is true as it is an important part of it. So as i % 3 === 0 is true, you print Fizz the else case is skipped and you go on with the next number.

Also you could use else if{} instead of else { if} it does basically the same, you just need fewer levels of indentation.

To my understanding, the code reads from top that if it meets that condition, it will execute that block of code but if it doesn’t, it moves down to the next which is the else if / else. Once it meets that condition, it will continue to the next number. Hope this is clear for you.

@Ali Marwan,

fizzbuzz with a switch-statement

for(i=1;i<21;i++){
  switch( true ) {
    
    case (i%3===0 && i%5===0):
         console.log("FizzBuzz");
         break;   //<== exit from the swtich, return into for-loop
    case (i%3===0):
         console.log("Fizz");
         break;   //<== exit from the swtich, return into for-loop
    case (i%5===0):
         console.log("Buzz");
         break;   //<== exit from the swtich, return into for-loop
    default:
         console.log(i);
         //automatic    exit from the swtich, return into for-loop
  }
}