If Statement

If Statement

If Statement in JavaScript is one of the most important conditional statements used to make decisions in programming. The If Statement allows JavaScript programs to execute specific code only when a condition becomes true. Understanding the If Statement helps beginners build logical programs, create dynamic applications, and control program flow in web development.

Introduction to If Statement

In programming, applications often need to make decisions.

Examples:

• Checking user age
• Validating passwords
• Verifying login information
• Determining grades

The If Statement helps JavaScript decide whether a block of code should run or not.

The condition inside an If Statement always returns:

• true
• false

If the condition is true:

• The code executes

If the condition is false:

• The code is skipped

Syntax of If Statement

Basic syntax:

if(condition){

   // code to execute

}

Explanation:

• if is the keyword
• condition is checked
• Curly braces contain executable code

Simple If Statement Example

Example:

let age = 20;

if(age >= 18){

   console.log("Eligible to vote");

}

Output:

Eligible to vote

Because:

• 20 >= 18 is true
• JavaScript executes the code block

Understanding Conditions

Conditions are expressions that produce:

• true
• false

Example conditions:

10 > 5

Result:

true

Example:

5 > 10

Result:

false

The If Statement depends on these boolean results.

If Statement with User Input

Example:

let marks = Number(prompt("Enter Marks"));

if(marks >= 40){

   console.log("Pass");

}

If the user enters:

• 50

Output:

Pass

This creates dynamic decision-making programs.

Using Comparison Operators in If Statement

Comparison operators are commonly used inside If Statements.

Example:

let number = 100;

if(number === 100){

   console.log("Correct Number");

}

Output:

Correct Number

Multiple Statements Inside If Block

An If Statement can execute multiple lines of code.

Example:

let isLoggedIn = true;

if(isLoggedIn){

   console.log("Welcome User");

   console.log("Dashboard Opened");

}

Output:

Welcome User
Dashboard Opened

All statements execute because the condition is true.

If Statement with Boolean Values

Boolean variables work directly with If Statements.

Example:

let isAdmin = true;

if(isAdmin){

   console.log("Access Granted");

}

Output:

Access Granted

This is commonly used in authentication systems.

Real-World Applications of If Statement

If Statements are used in:

• Login systems
• Banking applications
• E-commerce websites
• Form validation
• Online exams
• Game development

Almost every software application uses conditional logic.

Nested If Statement

An If Statement can exist inside another If Statement.

Example:

let age = 25;
let hasLicense = true;

if(age >= 18){

   if(hasLicense){

      console.log("Can Drive");

   }

}

Output:

Can Drive

Nested If Statements help manage complex conditions.

Common Beginner Mistakes

Beginners often:

• Forget curly braces
• Use assignment instead of comparison
• Write incorrect conditions

Incorrect example:

let age = 20;

if(age = 18){

   console.log("Eligible");

}

This uses assignment instead of comparison.

Correct example:

let age = 20;

if(age >= 18){

   console.log("Eligible");

}

Importance of Learning If Statement

Understanding the If Statement helps developers:

• Build program logic
• Control application flow
• Create intelligent systems
• Handle user decisions

Conditional statements are fundamental in programming.

Best Practices for If Statements

Best practices include:

• Write clear conditions
• Use proper indentation
• Avoid deeply nested conditions
• Use meaningful variable names

Readable conditional logic improves software quality.

Difference Between If Statement and If Else

The If Statement only executes code when the condition is true.

Example:

• If true → execute
• If false → do nothing

The If Else Statement provides an alternative block for false conditions.

This topic will be covered in the next lesson.

Summary

If Statement in JavaScript allows programs to execute code based on conditions. It is widely used for decision-making, validation, authentication, and dynamic application behavior. Understanding the If Statement is essential for building logical and interactive JavaScript applications.

FAQs

What is an If Statement in JavaScript?

An If Statement executes code only when a specified condition is true.

What type of value does an If Statement condition return?

The condition returns either true or false.

Can If Statements contain multiple lines of code?

Yes, If Statements can execute multiple statements inside curly braces.

Where are If Statements used in real applications?

If Statements are used in login systems, form validation, banking apps, and many other applications.

What is the difference between If and If Else?

If executes code only when true, while If Else also handles false conditions.

Internal Link

Click here for more free courses