{"id":137,"date":"2024-11-11T06:29:46","date_gmt":"2024-11-11T06:29:46","guid":{"rendered":"https:\/\/techkubo.com\/javascript\/?p=137"},"modified":"2025-05-13T12:57:55","modified_gmt":"2025-05-13T12:57:55","slug":"javascript-comparisons","status":"publish","type":"post","link":"https:\/\/techkubo.com\/javascript\/javascript-comparisons\/","title":{"rendered":"JavaScript Comparisons"},"content":{"rendered":"\n

Comparison operators in JavaScript allow you to compare two values and determine the relationship between them. These comparisons result in boolean values (true<\/code> or false<\/code>), making them essential for controlling the flow of your code with conditional statements.<\/p>\n\n\n\n

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

Common Comparison Operators<\/strong><\/h2>\n\n\n\n
    \n
  1. Equality (<\/strong>==<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n

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

    The double equals operator checks if two values are equal, allowing type conversion if necessary.<\/p>\n\n\n\n

    let isEqual = (5 == '5'); \/\/ true<\/pre><\/div>\n\n\n\n
      \n
    1. Strict Equality (<\/strong>===<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
      Explanation of Code:<\/strong> <\/p>\n\n\n\n
      The triple equals operator checks if two values are equal without type conversion.<\/p>\n\n\n\n
      let isStrictEqual = (5 === '5'); \/\/ false<\/pre><\/div>\n\n\n\n
        \n
      1. Inequality (<\/strong>!=<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
        Explanation of Code:<\/strong> <\/p>\n\n\n\n
        The not equals operator checks if two values are not equal, allowing type conversion if necessary.<\/p>\n\n\n\n
        let isNotEqual = (5 != '5'); \/\/ false<\/pre><\/div>\n\n\n\n
          \n
        1. Strict Inequality (<\/strong>!==<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
          Explanation of Code:<\/strong> <\/p>\n\n\n\n
          The strict not equals operator checks if two values are not equal without type conversion.<\/p>\n\n\n\n
          let isStrictNotEqual = (5 !== '5'); \/\/ true<\/pre><\/div>\n\n\n\n
            \n
          1. Greater Than (<\/strong>><\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
            Explanation of Code:<\/strong> <\/p>\n\n\n\n
            The greater than operator checks if the left operand is greater than the right operand.<\/p>\n\n\n\n
            let isGreaterThan = (10 > 5); \/\/ true<\/pre><\/div>\n\n\n\n
              \n
            1. Less Than (<\/strong><<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
              Explanation of Code:<\/strong> <\/p>\n\n\n\n
              The less than operator checks if the left operand is less than the right operand.<\/p>\n\n\n\n
              let isLessThan = (5 < 10); \/\/ true<\/pre><\/div>\n\n\n\n
                \n
              1. Greater Than or Equal To (<\/strong>>=<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
                Explanation of Code:<\/strong> <\/p>\n\n\n\n
                The greater than or equal to operator checks if the left operand is greater than or equal to the right operand.<\/p>\n\n\n\n
                let isGreaterOrEqual = (10 >= 10); \/\/ true<\/pre><\/div>\n\n\n\n
                  \n
                1. Less Than or Equal To (<\/strong><=<\/code>)<\/strong>:<\/li>\n<\/ol>\n\n\n\n
                  Explanation of Code:<\/strong> <\/p>\n\n\n\n
                  The less than or equal to operator checks if the left operand is less than or equal to the right operand.<\/p>\n\n\n\n
                  let isLessOrEqual = (5 <= 10); \/\/ true<\/pre><\/div>\n\n\n\n
                  <\/p>\n\n\n\n
                  JavaScript Comparisons 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 compares the input number with 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>Comparison Operators Example<\/title>\n<\/head>\n<body>\n    <h1>Comparison Operators Example<\/h1>\n    <input type="text" id="numberInput" placeholder="Enter a number">\n    <button onclick="compareNumber()">Compare Number<\/button>\n    <p id="comparisonResult"><\/p>\n\n    <script>\n        function compareNumber() {\n            let number = parseInt(document.getElementById('numberInput').value);\n            let result = document.getElementById('comparisonResult');\n\n            if (number > 10) {\n                result.textContent = "The number is greater than 10.";\n            } else if (number === 10) {\n                result.textContent = "The number is exactly 10.";\n            } else {\n                result.textContent = "The number is less than 10.";\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