JavaScript Ternary Operator

The JavaScript Ternary Operator also called a Conditional Operator. The JavaScript Ternary Operator returns the statement depends upon the expression result. And the JavaScript Conditional Operator is used in the decision-making process. The syntax of a JavaScript conditional Operator 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.

The first statement in the JavaScript Ternary example asks the User to enter his/her age. If the user forgot to enter, this program would consider default value, which is 21. Next, the conditional ternary operator evaluates the expression. If user enters age is 18 or above, it will display the first statement after the ? symbol.

When the user enters below 18, the condition will fail. So, the JavaScript conditional will execute the second statement (which is after the : symbol will display).

<!DOCTYPE html>

    <title> JavaScriptTernaryOperator </title>

  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> ");

When you open the browser, below shown prompt box will open. We left to default 21, and Clicked OK. Here, the condition is true, so it prints the below output.

JavaScript Ternary Operator 2

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

JavaScript Ternary Operator 3

Let us the output

Vote Eligibility

You are not eligible to Vote