Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
How to compare two numbers in JavaScript?
In this tutorial, we will learn to compare two numbers in JavaScript. Whether you're a competitive coder or application developer, you'll often need to compare numbers and perform operations based on the comparison results.
Many programmers think we can only compare numbers using equality operators, but we can also use less than (<) and greater than (>) operators for comprehensive comparisons.
Using the Strict Equality Operator (===)
JavaScript has two equality operators: loose equality (==) and strict equality (===). The strict equality operator compares both value and data type, making it more reliable for number comparisons.
Syntax
let number1 = 10; let number2 = 20; let result = number1 === number2;
Example
The example below compares two numbers using the strict equality operator and displays appropriate messages.
<html>
<head>
<title>Comparing two numbers in JavaScript</title>
</head>
<body>
<h2>Comparing two numbers using <i>strict equality operator</i></h2>
<h4>Comparison between 10 and 20:</h4>
<div id="numberOutput1"></div>
<h4>Comparison between 100 and 100:</h4>
<div id="numberOutput2"></div>
<script>
let numberOutput1 = document.getElementById("numberOutput1");
let numberOutput2 = document.getElementById("numberOutput2");
let number1 = 10;
let number2 = 20;
let isEqual = number1 === number2;
numberOutput1.innerHTML = "10 === 20: " + isEqual;
isEqual = 100 === 100;
numberOutput2.innerHTML = "100 === 100: " + isEqual;
</script>
</body>
</html>
Compare Numbers Using Less Than or Greater Than Operators
The less than (<) and greater than (>) operators help determine which number is smaller or larger. We can also use compound operators like less than or equal to (<=) and greater than or equal to (>=).
Syntax
let number1 = 0; let number2 = 5; let result1 = number1 <= number2; // less than or equal to let result2 = number1 >= number2; // greater than or equal to
Example
This example demonstrates using <= and >= operators to compare numbers.
<html>
<head>
<title>Comparing numbers in JavaScript</title>
</head>
<body>
<h2>Comparing numbers using <i>less than or equal to and greater than or equal to operators</i></h2>
<h4>Comparison between 0 and 5:</h4>
<div id="numberOutput1"></div>
<h4>Comparison between 20 and 5:</h4>
<div id="numberOutput2"></div>
<script>
let numberOutput1 = document.getElementById("numberOutput1");
let numberOutput2 = document.getElementById("numberOutput2");
let number1 = 0;
let number2 = 5;
let isLessOrEqual = number1 <= number2;
numberOutput1.innerHTML = "0 <= 5: " + isLessOrEqual;
let isGreaterOrEqual = 20 >= 5;
numberOutput2.innerHTML = "20 >= 5: " + isGreaterOrEqual;
</script>
</body>
</html>
Finding Maximum Between Three Numbers
We can use comparison operators to find the largest number among multiple values. This example shows how to determine the maximum of three numbers using the greater than operator.
Syntax
if (number1 > number2 && number1 > number3) {
maximum = number1;
} else if (number2 > number1 && number2 > number3) {
maximum = number2;
} else {
maximum = number3;
}
Example
This example finds the maximum among three different numbers using conditional statements and the greater than operator.
<html>
<head>
<title>Finding maximum number in JavaScript</title>
</head>
<body>
<h2>Find maximum between three numbers using <i>greater than operator</i></h2>
<h4>Finding the maximum between 10, 43, and 5:</h4>
<div id="result"></div>
<script>
let result = document.getElementById("result");
let number1 = 10;
let number2 = 43;
let number3 = 5;
if (number1 > number2 && number1 > number3) {
result.innerHTML = "Maximum is " + number1;
} else if (number2 > number1 && number2 > number3) {
result.innerHTML = "Maximum is " + number2;
} else {
result.innerHTML = "Maximum is " + number3;
}
</script>
</body>
</html>
Comparison Operators Overview
| Operator | Description | Example |
|---|---|---|
=== |
Strict equality | 10 === 10 ? true |
< |
Less than | 5 < 10 ? true |
> |
Greater than | 15 > 10 ? true |
<= |
Less than or equal | 10 <= 10 ? true |
>= |
Greater than or equal | 10 >= 5 ? true |
Conclusion
JavaScript provides multiple operators for comparing numbers: strict equality (===) for exact matches, and relational operators (<, >, <=, >=) for size comparisons. These operators are essential for conditional logic and finding maximum or minimum values in your applications.
19K+ Views
