bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/JavaScript/JavaScript Foundations
JavaScript•JavaScript Foundations

JavaScript if

Flash cards

Review the key moves

1/4
Core idea

What is the main idea behind JavaScript if?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Fill blank

Complete the missing token from the example code.

block of code to be executed ___ the condition is true
3Order

Put the learning moves in the order that makes the concept easiest to apply.

Note that if is in lowercase letters.
Use the JavaScript if statement to execute a block of code when a condition is true .
The JavaScript if Statement

The JavaScript if Statement

Use the JavaScript if statement to execute a block of code when a condition is true .

Syntax

if (
condition
) {
 //
 block of code to be executed if the condition is true
}

Note that if is in lowercase letters. Uppercase letters (If or IF) will generate a JavaScript error.

if (hour < 18) {
 greeting = "Good day";
}

Examples

let age = 18;
let text = "You can Not drive";
if (age >= 18) {
  text = "You can drive";
}

Nested if

You can use an if statement inside another if statement:

Example

let age = 16;
let country = "USA";
let text = "You can Not drive!";
if (country == "USA") {
  if (age >= 16) {
    text = "You can drive!";
  }
}

Nested if statements can make your code more complex.

A better solution is to use the logical AND operator:

Example

let age = 16;
let country = "USA";
let text = "You can Not drive!";
if (country == "USA" && age >= 16) {
  text = "You can drive!";
}

Previous

JavaScript Operators

Next

JavaScript Loops