Why If–else statement in Javascript? - Purpose & Use Cases

The Big Idea

What if your code could think and decide for you, just like a helpful friend?

The Scenario

Imagine you are sorting mail by hand. You have to decide if each letter goes to the 'urgent' pile or the 'normal' pile based on the address. Doing this for hundreds of letters takes a lot of time and you might mix some up.

The Problem

Manually checking each letter is slow and tiring. You might forget rules or make mistakes, like putting urgent mail in the wrong pile. This wastes time and causes confusion.

The Solution

The if-else statement lets your program make decisions automatically. It checks conditions and chooses the right action quickly and without mistakes, just like a smart helper sorting mail perfectly every time.

Before vs After

✗ Before

if (score > 50) {
  console.log('Pass');
} else {
  console.log('Fail');
}

✓ After

console.log(score > 50 ? 'Pass' : 'Fail');

What It Enables

It enables your program to react differently to different situations, making it smart and flexible like a helpful friend.

Real Life Example

Think about a traffic light system that changes colors based on time or cars waiting. If-else statements help decide when to switch lights to keep traffic flowing smoothly.

Key Takeaways

If-else helps your code make choices.

It saves time and reduces mistakes compared to manual checking.

It makes programs smart and adaptable.

Practice

1. What does an if-else statement do in JavaScript?

easy

A. It repeats a block of code multiple times.

B. It creates a new variable.

C. It defines a function to be used later.

D. It chooses between two actions based on a condition.

Solution

1. Step 1: Understand the purpose of if-else

   An if-else statement lets the program decide between two paths depending on a condition.

2. Step 2: Match the description to the options

   Only It chooses between two actions based on a condition. describes choosing between two actions based on a condition.

3. Final Answer:

   It chooses between two actions based on a condition. -> Option D

4. Quick Check:

   If-else = choose between two actions [OK]

Hint: If-else picks one of two paths based on true or false [OK]

Common Mistakes:

• Confusing if-else with loops
• Thinking if-else defines functions
• Believing if-else creates variables

2. Which of the following is the correct syntax for an if-else statement in JavaScript?

easy

A. if (condition) { } else { }

B. if condition { } else { }

C. if (condition) then { } else { }

D. if condition then { } else { }

Solution

1. Step 1: Recall JavaScript if-else syntax

   JavaScript requires parentheses around the condition and braces for blocks: if (condition) { } else { }

2. Step 2: Compare options to correct syntax

   Only if (condition) { } else { } uses parentheses and braces correctly without extra keywords.

3. Final Answer:

   if (condition) { } else { } -> Option A

4. Quick Check:

   Correct syntax uses parentheses and braces [OK]

Hint: Remember: condition in ( ), blocks in { } [OK]

Common Mistakes:

• Omitting parentheses around condition
• Adding 'then' keyword (not in JS)
• Missing braces for code blocks

3. What will be the output of this code?

let age = 18;
if (age >= 18) {
  console.log('Adult');
} else {
  console.log('Minor');
}

medium

A. Adult

B. Minor

C. undefined

D. Error

Solution

1. Step 1: Evaluate the condition age >= 18

   Since age is 18, the condition age >= 18 is true.

2. Step 2: Determine which block runs

   The if block runs and prints 'Adult'. The else block is skipped.

3. Final Answer:

   Adult -> Option A

4. Quick Check:

   Condition true -> if block runs -> 'Adult' [OK]

Hint: Check if condition is true or false to pick output [OK]

Common Mistakes:

• Thinking 18 is less than 18
• Confusing else block runs when condition is true
• Expecting syntax error

4. Find the error in this code:

let score = 75;
if score >= 60 {
  console.log('Pass');
} else {
  console.log('Fail');
}

medium

A. Using else without if

B. Missing semicolon after console.log

C. Missing parentheses around the condition

D. Variable score is not declared

Solution

1. Step 1: Check if-else syntax

   JavaScript requires parentheses around the condition in if statements.

2. Step 2: Identify the missing parentheses

   The code has if score >= 60 { ... } but it should be if (score >= 60) { ... }

3. Final Answer:

   Missing parentheses around the condition -> Option C

4. Quick Check:

   if condition must be in ( ) [OK]

Hint: Always put condition inside ( ) after if [OK]

Common Mistakes:

• Forgetting parentheses around condition
• Thinking semicolon is required after console.log block
• Confusing else usage

5. You want to print 'Even' if a number is even, and 'Odd' if it is odd. Which code correctly uses if-else to do this?

let num = 7;
// Choose the correct code snippet

hard

A. if (num % 2 != 0) {
console.log('Even');
} else {
console.log('Odd');
}

B. if (num % 2 === 0) {
console.log('Even');
} else {
console.log('Odd');
}

C. if (num % 2) {
console.log('Even');
} else {
console.log('Odd');
}

D. if (num / 2 === 0) {
console.log('Even');
} else {
console.log('Odd');
}

Solution

1. Step 1: Understand how to check even numbers

   A number is even if remainder when divided by 2 is zero: num % 2 === 0.

2. Step 2: Check each option's condition

   if (num % 2 === 0) { console.log('Even'); } else { console.log('Odd'); } correctly checks num % 2 === 0. Others either use wrong operator or logic.

3. Final Answer:

   if (num % 2 === 0) { console.log('Even'); } else { console.log('Odd'); } -> Option B

4. Quick Check:

   Even check uses num % 2 === 0 [OK]

Hint: Use modulo (%) to test evenness: zero remainder means even [OK]

Common Mistakes:

• Using division (/) instead of modulo (%)
• Checking if remainder is truthy instead of zero
• Reversing even and odd conditions