The JavaScript Ternary Operator is also called as Conditional Operator. In JavaScript, Conditional Operator is used in decision making process. This operator returns the statement depends upon the expression result. Let’s see the syntax of the conditional operator
JavaScript Ternary Operator Syntax
The syntax of a Ternary Operator in JavaScript Programming is as shown below:
|
1 |
Test_expression ? statement1: statement2 |
If the given test condition is true then it will return statement1 and if the 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.
JAVASCRIPT CODE
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!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 be opened
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
Following statement will ask the User to enter his/her age. If the user forgot to enter then, this program will consider default value, which is 21
|
1 |
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.
|
1 |
document.write("<b>You are eligible to Vote </b> ") |
If he enters below 18 then second statement (which is after the : symbol) will be displayed.
|
1 |
document.write("<b>You are not eligible to Vote</b> "); |
Thank You for Visiting Our Blog
Share your Feedback, or Code!!