Course Content

Introduction to JavaScript

1. JavaScript Fundamentals

About JavaScript Understanding JavaScript Syntax Challenge: Console Output in JavaScript Using Comments to Document Code Challenge: Write a Single-Line Comment Challenge: Write a Multi-Line Comment

2. Variables and Data Types in JavaScript

Understanding Variables in JavaScript Challenge: Define the Variable Using const for Constants Exploring JavaScript Data Types Working with null in JavaScript Introduction to Arrays Array Methods and Manipulation Challenge: Perform Array Operations

3. Performing Operations in JavaScript

Understanding Assignment Operators Mathematical Operations in JavaScript Assignment Operators in JavaScript Increment and Decrement Operators Challenge: Variable Operations Practice Comparison Operators in JavaScript Logical Operators Explained Challenge: Compare Variables in JavaScript Concatenating Strings in JavaScript Challenge: Build Sentences with JavaScript

4. Controlling Program Flow with Conditional Statements

Mastering if Statements in JavaScript Using else for Alternative Outcomes Applying else if for Multiple Conditions Challenge: Determine Sizes with Conditionals

5. Looping Through Data in JavaScript

Understanding the while Loop in JavaScript Using the do while Loop for Iteration Challenge: Print Numbers from 5 to 9 Mastering the for Loop in JavaScript Challenge: Console Tigers with Loops Breaking Out of Loops with break Skipping Iterations with continue Challenge: Stop and Skip in Loops

6. Functions in JavaScript

What Are Functions in JavaScript?Defining Functions in JavaScript Challenge: Write a Function – My Name Using Function Arguments Effectively Returning Values from Functions Challenge: Create a Sum Function Course Summary & Next Steps

Applying else if for Multiple Conditions

Now, let's explore a scenario where multiple conditions come into play:


              1234567891011121314151617
            
let a = 11;

if (a > 15) {
  console.log('greater than 15');
}

if (a > 10) {
  console.log('greater than 10');
}

if (a > 5) {
  console.log('greater than 5');
}

if (a > 0) {
  console.log('greater than 0');
}

In this example, the variable a is greater than 10, but other messages like "greater than 5" and "greater than 0" are also being printed. This isn't the desired behavior when you want to execute only one condition. The else statement wouldn't work well here due to multiple conditions.

Introducing else if

The else if construct provides a solution for selecting a specific code block within a series of conditions:

javascript

As you can see, the else-if statement is straightforward, with an if statement followed by it:

javascript

Let's apply this to our example:


              1234567891011
            
let a = 11;

if (a > 15) {
  console.log("greater than 15");
} else if (a > 10) {
  console.log("greater than 10");
} else if (a > 5) {
  console.log("greater than 5");
} else if (a > 0) {
  console.log("greater than 0");
}

Now, we've created a sequence of conditions. When at least one if condition becomes true, the chain is interrupted.

Note

This structure is useful when you only need one condition to be satisfied.

Adding else

You can also add an else statement after the condition chain. Let's modify our example:


              12345678910111213
            
let a = -61;

if (a > 15) {
  console.log("greater than 15");
} else if (a > 10) {
  console.log("greater than 10");
} else if (a > 5) {
  console.log("greater than 5");
} else if (a > 0) {
  console.log("greater than 0");
} else {
  console.log("No condition is satisfied");
}

Everything was clear?

Thanks for your feedback!

Section 4. Chapter 3