{"id":128,"date":"2024-11-11T06:10:07","date_gmt":"2024-11-11T06:10:07","guid":{"rendered":"https:\/\/techkubo.com\/javascript\/?p=128"},"modified":"2025-05-13T12:29:06","modified_gmt":"2025-05-13T12:29:06","slug":"javascript-booleans","status":"publish","type":"post","link":"https:\/\/techkubo.com\/javascript\/javascript-booleans\/","title":{"rendered":"JavaScript Booleans"},"content":{"rendered":"\n

Booleans represent one of the simplest data types in JavaScript. They can hold only two values: true<\/code> or false<\/code>. Booleans are often used in conditional statements to control the flow of a program.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Boolean Values<\/strong><\/h2>\n\n\n\n

You can declare boolean variables in JavaScript using the keywords true<\/code> and false<\/code>.<\/p>\n\n\n\n

<\/p>\n\n\n\n

    \n
  1. Declaring Boolean Variables:<\/strong><\/li>\n<\/ol>\n\n\n\n

    Explanation of Code: <\/strong><\/p>\n\n\n\n

    Here, isJavaScriptFun<\/code> is set to true<\/code> and isFishMammal<\/code> is set to false<\/code>.<\/p>\n\n\n\n

    let isJavaScriptFun = true;\nlet isFishMammal = false;<\/pre><\/div>\n\n\n\n
    <\/p>\n\n\n\n
    Logical Operators<\/strong><\/h2>\n\n\n\n
    Logical operators are used to combine multiple boolean expressions.<\/p>\n\n\n\n
    <\/p>\n\n\n\n
      \n
    1. Logical AND (<\/strong>&&<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
      Explanation of Code:<\/strong> <\/p>\n\n\n\n
      The &&<\/code> operator returns true<\/code> only if both operands are true<\/code>.<\/p>\n\n\n\n
      let andResult = (true && false); \/\/ false<\/pre><\/div>\n\n\n\n
        \n
      1. Logical OR (<\/strong>||<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
        Explanation of Code:<\/strong> <\/p>\n\n\n\n
        The ||<\/code> operator returns true<\/code> if at least one of the operands is true<\/code>.<\/p>\n\n\n\n
        let orResult = (true || false); \/\/ true<\/pre><\/div>\n\n\n\n
          \n
        1. Logical NOT (<\/strong>!<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
          Explanation of Code:<\/strong> <\/p>\n\n\n\n
          The !<\/code> operator negates the boolean value of its operand.<\/p>\n\n\n\n
          let notResult = !true; \/\/ false<\/pre><\/div>\n\n\n\n
          <\/p>\n\n\n\n
          JavaScript Boolean Example Code<\/strong><\/h2>\n\n\n\n
          Explanation of Code:<\/strong> <\/p>\n\n\n\n
          This HTML file sets up a simple form where users can input a number. The JavaScript code checks if the number is greater than 10 and displays an appropriate message.<\/p>\n\n\n\n
          <!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta charset="UTF-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Boolean Operators Example<\/title>\n<\/head>\n<body>\n    <h1>Boolean Operators Example<\/h1>\n    <form>\n        <label for="number1">Enter the first number:<\/label>\n        <input type="number" id="number1" required><br><br>\n        <label for="number2">Enter the second number:<\/label>\n        <input type="number" id="number2" required><br><br>\n        <button type="button" onclick="compareNumbers()">Compare<\/button>\n    <\/form>\n    <p id="comparisonResult"><\/p>\n\n    <script>\n        function compareNumbers() {\n            let num1 = parseFloat(document.getElementById('number1').value);\n            let num2 = parseFloat(document.getElementById('number2').value);\n            let result = document.getElementById('comparisonResult');\n\n            let areEqual = (num1 === num2);\n            let notEqual = (num1 !== num2);\n            let greaterThan = (num1 > num2);\n            let lessThan = (num1 < num2);\n            let greaterOrEqual = (num1 >= num2);\n            let lessOrEqual = (num1 <= num2);\n\n            result.innerHTML = `\n                Are the numbers equal? ${areEqual}<br>\n                Are the numbers not equal? ${notEqual}<br>\n                Is the first number greater than the second? ${greaterThan}<br>\n                Is the first number less than the second? ${lessThan}<br>\n                Is the first number greater than or equal to the second? ${greaterOrEqual}<br>\n                Is the first number less than or equal to the second? ${lessOrEqual}\n            `;\n        }\n    <\/script>\n<\/body>\n<\/html><\/pre><\/div>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          <\/p>\n\n\n\n
          JavaScript Labs<\/strong><\/h2>\n\n\n\n