WebDevelopersNotes logo

home-icon Home / JavaScript / JavaScript IF Statement

JavaScript IF Statement

JavaScript IF Statement

The beauty of programs lies in the fact that they are able to take decisions on the basis of information you provide. In all the programming languages I’ve come across, the If statement is extensively used for this purpose.
It’s actually quite simple to use the if statement and here is the format of an if statement.

if (condition)
   statements to execute

When JavaScript encounters an if statement, it checks the condition. If and only if, it is found to be true, the statements enclosed within the curly braces are executed. Note, the condition is always enclosed by a pair of parenthesis.

Let’s look at some examples.

var a = 5;
var b = 5;
if (a == b)
   alert("The two quantities are equal");

First, two variables are initialized and assigned the same numeric value (5). The if statement then checks for their equality and pops-up an alert box if the two variables are equal.
The == comparison operator does the job of checking the two variables. The other Comparison operators are:

  • !=   Not equal to
  • <   Less than
  • >   Greater than
  • <=   Less than or equal to
  • >=   Greater than or equal to

The == is a ‘Comparison Operator’ while = is an ‘Assignment Operator’. Be sure to use the comparison operator in a condition. If you use the assignment operator, the code will not function and JavaScript will NOT throw an error… it’ll simply reassign the variable on the left.

The ‘Confirm’ Box

A ‘Confirm’ box was displayed when you first entered this page. It’s brought about by using the confirm() method of the window object, similar to the alert box.

confirm("Did you like the movie 'Godfather'?");

Click here to test a confirm box

The confirm box has two buttons, an “OK” and a “Cancel” button. When the user clicks on “OK” the value ‘true’ is returned, while clicking on “Cancel” returns ‘false’. We can capture this returned value in a variable and test it through an if statement. Let’s look at a similar real world example:

var response = confirm("Have you understood the confirm box?");

if (response == false)
   alert("Go thru the sessions again");

Click here to test the code
If you click on the “Cancel” button, confirm returns false as value that is stored in the variable response. The if condition then tests this variable. Since the condition is true (response is equal to false), the statements inside if are executed and you get an alert box.

Sponsored Links

Your comments
Star icon IMPORTANT Have a question / problem? Click here to ask an expert.

Web designer vs. web developer

Sponsored Links


How do I view a deleted web page?
Is there a way to view a deleted web page - one that is no longer available? Yes there is and the solution is quite simple. [more...]


By October of 2012, the Internet Archive had collected over 10 petabytes of data! [more...]

We use cookies to give you the best possible website experience. By using WebDevelopersNotes.com, you agree to our Privacy Policy