Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Learn else and else if | Understanding Program Flow and Decisions
Conditional Statements and Loops in JavaScript

bookelse and else if

When you need your code to make decisions based on more than just a simple yes or no, you use branching logic. This means your program can follow different paths depending on what's happening. A great way to picture this is to imagine a traffic light. When you approach a traffic light, you have to make a decision.

  • If the light is red, you stop;
  • If it's yellow, you get ready to stop;
  • If it's green, you go.

In JavaScript, you can handle these different possibilities using if, else if, and else statements. This lets your code respond to many situations, not just two.


              
1234567891011

            
let light = "yellow";

if (light === "red") {
  console.log("Stop!");
} else if (light === "yellow") {
  console.log("Get ready to stop.");
} else if (light === "green") {
  console.log("Go!");
} else {
  console.log("Unknown signal.");
}
copy

              
1234567891011

            
let light = "green";

if (light === "red") {
  console.log("Stop!");
} else if (light === "yellow") {
  console.log("Get ready to stop.");
} else if (light === "green") {
  console.log("Go!");
} else {
  console.log("Unknown signal.");
}
copy
question-icon

Match each traffic light color to the correct message printed by the code.

- red:- yellow:- green:

Click or drag`n`drop items and fill in the blanks

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 1. ChapterΒ 4

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you explain how the `else if` statement works in this example?

What happens if the value of `light` is something other than "red", "yellow", or "green"?

Can you show how to add more conditions to this branching logic?

Awesome!

Completion rate improved to 7.69

bookelse and else if

Swipe to show menu

When you need your code to make decisions based on more than just a simple yes or no, you use branching logic. This means your program can follow different paths depending on what's happening. A great way to picture this is to imagine a traffic light. When you approach a traffic light, you have to make a decision.

  • If the light is red, you stop;
  • If it's yellow, you get ready to stop;
  • If it's green, you go.

In JavaScript, you can handle these different possibilities using if, else if, and else statements. This lets your code respond to many situations, not just two.


              
1234567891011

            
let light = "yellow";

if (light === "red") {
  console.log("Stop!");
} else if (light === "yellow") {
  console.log("Get ready to stop.");
} else if (light === "green") {
  console.log("Go!");
} else {
  console.log("Unknown signal.");
}
copy

              
1234567891011

            
let light = "green";

if (light === "red") {
  console.log("Stop!");
} else if (light === "yellow") {
  console.log("Get ready to stop.");
} else if (light === "green") {
  console.log("Go!");
} else {
  console.log("Unknown signal.");
}
copy
question-icon

Match each traffic light color to the correct message printed by the code.

- red:- yellow:- green:

Click or drag`n`drop items and fill in the blanks

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 1. ChapterΒ 4
some-alt