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.

To which object does the confirm() method belongs to?
What value is returned by a confirm box if a user clicks on the "Cancel" button?

In the following code, will the condition in the if statement be true?

   var a = 6;
   var b = 10;
   if (a != b)
      {
      statements...
      }

Check the code below... will the statements inside if be executed?

   var a = 20;
   var b = "20";
   if (a == b)
      {
      alert("They are equal");
      }

   Note: a contains numeric data while b contains string.

What happens in the following code?

   var get_res = confirm("Did you like this session?");

   if (get_res == true)
      {
      alert("Okay! Let's proceed to the next");
      }

Page contents: Javascript if statement, javascript condition statement, javascript confirm box

Page URL: http://www.webdevelopersnotes.com/tutorials/javascript/ javascript_if_statement.php3

50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine

Search WebDevelopersNotes.com