Sunday, 24 July 2016

JavaScript Logical and Conditional Operators

Logical Operators

  • && : returns true only if both the operands are true, otherwise returns false.
  • || : returns true only if either of the operand is true, otherwise returns false.
  • ! : negates the operand, returns true if the operand is false and return false if the operand is true.
Example

<!DOCTYPE html>
<html>
<head>
    <title>javaScript Logical Operators</title>
</head>
<body>
    <h1>JavaScript Logical Operators</h1>
    <script>
        var number1 = true;
        var number2 = false;
        var number3 = true;
        document.write("number1 && number3 :" + (number1 && number3) + "<br />");
        document.write("number1 && number2 :" + (number1 && number2) + "<br />");
        document.write("number1 || number3 :" + (number1 || number2) + "<br />");
        document.write("number1 || number3 :" + (number1 || number3) + "<br />");
        document.write("!(number1 && number3) :" + !(number1 && number3) + "<br />");
        document.write("!(number1 && number2) :" + !(number1 && number2) + "<br />");
        document.write("!(number1 || number3) :" + !(number1 || number2) + "<br />");
        document.write("!(number1 || number3) :" + !(number1 || number3) + "<br />");

    </script>
</body>
</html>


Conditional Operators
  • ?: - returns the second operand if the first operand is true. However, if the first operand is false, it returns the third operand.
Example

<!DOCTYPE html>
<html>
<head>
    <title>javaScript Conditional Operators</title>
</head>
<body>
    <h1>JavaScript Conditional Operators</h1>
    <script>
        var number1 = true;
        var number2 = false;
        var number3 = true;
        document.write("number1 && number3 ? number1 : number3 : Result - " + (number1 && number3 ? number1 : number3) + "<br />");
        document.write("number1 && number2 ? number1 : number2 : Result - " + (number1 && number2 ? number1 : number2) + "<br />");
    </script>
</body>
</html>


0 comments:

Post a Comment