Tutorial Gateway

JavaScript Ternary Operator

by

The JavaScript Ternary Operator also called a Conditional Operator. The JavaScript Ternary Operator returns the statement depends upon the expression result. This JavaScript Conditional Operator used in the decision-making process. The syntax of a conditional Operator in JavaScript Programming language is

Test_expression ? statement1: statement2

If the given test expression is true, it returns statement1. If the test expression is false, statement2 returned.

JavaScript Ternary Operator Example

In this example, we are going to use the Ternary Operator to find whether the person is eligible to vote or not.

<!DOCTYPE html>

<html>
<head>
    <title> JavaScript Ternary Operator </title>
</head>

<body>
<script>
  var age = prompt("Please Enter your age here:", "21");
  (age >= 18) ? document.write("<b>You are eligible to Vote </b> "):
                document.write("<b>You are not eligible to Vote</b> ");
</script>
</body>
</html>

OUTPUT

When you open the browser, below shown prompt box will open

JavaScript Ternary Operator 1

We left to default 21, and Clicked OK

JavaScript Ternary Operator 2

Let us try with a different value. From the below screenshot, you can observe that we are entering 16 as age

JavaScript Ternary Operator 3

Let us the output

JavaScript Ternary Operator 4

ANALYSIS

The following statement in the JavaScript Ternary Operator example asks the User to enter his/her age. If the user forgot to enter, this program would consider default value, which is 21

 var age = prompt("Please Enter your age here:", "21");

If user enters age is 18 or above, it will display the first statement after the ? symbol.

document.write("<b>You are eligible to Vote </b> ")

When the user enters below 18, the condition will fail. SO,

JavaScript conditional operator will execute the second statement (which is after the : symbol will display).

document.write("<b>You are not eligible to Vote</b> ");