The JavaScript Ternary Operator is also called as a Conditional Operator. This JavaScript Conditional Operator is used in decision making process.
This JavaScript Ternary Operator returns the statement depends upon the expression result. The syntax of a conditional Operator in JavaScript Programming language is as shown below:
Test_expression ? statement1: statement2
If the given test condition is true then it will return statement1. If the test condition is false then statement2 is 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
We left to default 21, and Clicked OK
Let us try with different value. From the below screenshot you can observe that, We are entering 16 as age
Let us the output
ANALYSIS
The following statement in the JavaScript Ternary Operator example ask the User to enter his/her age. If the user forgot to enter, this program will consider default value, which is 21
var age = prompt("Please Enter your age here:", "21");If user enters age is 18 or above then 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> ");