Saturday, 24 June 2023

Conditional or Ternary Operator in JavaScript

Miscellaneous Operator
We will discuss two operators here that are quite useful in JavaScript: the conditional operator (? :) and the typeof operator.

Syntax
Conditional Operator (? :)

The conditional operator first evaluates an expression for a true or false value and then executes one of the two given statements depending upon the result of the evaluation.
1. ? : (Conditional)
If Condition is true? Then value X : Otherwise value Y
Example
<html>
   <body>
   <h1>Conditional Operator (? :)</h1><br/>
      <script type="text/javascript">
         
            var a = 10;
            var b = 20;
            var linebreak = "<br />";
         
            document.write ("((a > b) ? 100 : 200) => ");
            result = (a > b) ? 100 : 200;
            document.write(result);
            document.write(linebreak);
         
            document.write ("((a < b) ? 100 : 200) => ");
            result = (a < b) ? 100 : 200;
            document.write(result);
            document.write(linebreak);
         
      </script>
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>
Output
((a > b) ? 100 : 200) => 200 
((a < b) ? 100 : 200) => 100
Set the variables to different values and different operators and then try...

0 comments

Post a Comment