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>
When you open the browser, below shown prompt box will open
We left to default 21, and Clicked OK
Let us try with a different value. From the below JavaScript screenshot, you can observe that we are entering 16 as age
Let us the output
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, the 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> ");