w3resource logo


JavaScript Operators

JavaScript : Comparison Operators

Secondary Nav

Comparison Operators

Sometimes it is required to compare the value of one variable with other. The comparison operators take simple values (numbers or string) as arguments and evaluate either true or false. Here is a list of comparison operators.

Operator Comparisons
Description
Equal (==) x == y Returns true if the operands are equal.
Strict equal (===) x === y Returns true if the operands are equal and of the same type.
Not equal (!=) x != y Returns true if the operands are not equal.
Strict not equal (!==) x !== y Returns true if the operands are not equal and/or not of the same type.
Greater than (>) x>y Returns true if the left operand is greater than the right operand.
Greater than or equal (>=) x>=y Returns true if the left operand is greater than or equal to the right operand.
Less than (<) x<y Returns true if the left operand is less than the right operand.
Less than or equal (<=) x<=y Returns true if the left operand is less than or equal to the right operand.

Pictorial presentation of Equal (==) operator

javascript equal operator

Test Equal (==) operator

The following web document returns true though the type of x and y are not equal (the first one is integer type and the second one is character type) but their values are equal.

HTML Code

<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript equal (==) operator example </title>
<meta name="description" content="This document contains an example of JavaScript equal operator"/>
</head>
<body>
<script src="javascript-equal-operator_example1.js"></script>
</body>
</html>

JS Code

var x = 300;
var y = "300";
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode('Value of x = 300 and y = "300".  Check whether x==y'); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode(x==y);
newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1);

View the example in the browser

Practice the example online

JavaScript this operator example

Pictorial presentation of Strict equal (===) operator

javascript equal operator

Test Strict equal (===) operator

The following web document returns false as the strict equal operator will compare both value and type of x and y.

HTML Code

<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript this operator example</title>
<meta name="description" content="This document contains an example of JavaScript Strict equal (===) operator"/>
</head>
<body>
<script src="javascript-strict-equal-operator-example1.js"></script>
</body>
</html>

JS Code

var x = 300;
var y = "300";
var newParagraph = document.createElement("p");
var newText = document.createTextNode('Value of x = 300 and y = "300" Whether x===y ?'); 
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph); 

var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode(x===y); 
newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1);

View the example in the browser

Practice the example online

JavaScript this operator example

Pictorial presentation of Not equal(!=) operator

javascript equal operator

Test Not equal (!=) operator

The following web document returns false though the type of x and y are not equal (the first one is integer type and the second one is character type) but their values are equal.

HTML Code

<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript not equal (!=) operator example with DOM</title>
<meta name="description" content="This document contains an example of JavaScript not equal (!=) operator using DOM"/>
</head>
<body>
<script src="javascript-not-equal-operator_example1.js">
</script>
</body>
</html>

JS Code

var x=150;
var y="150";
var newParagraph = document.createElement("p");
var newText = document.createTextNode('Value of x = 150 and y ="150"' + ', '+'Whether x != y  ?'); 
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode(x !== y);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);

View example in the browser

Practice the example above online

JavaScript not equal (!=) operator example with DOM

Pictorial presentation of Strict not equal(!==) operator

javascript equal operator

Test Strict not equal (!==) operator

The following web document returns true though their values are equal but the type of x and y are not equal (the first one is integer type and the second one is character type).

HTML Code

<!doctype html><head>
<meta charset="utf-8">
<title>JavaScript strict not equal operator example</title>
<meta name="description" content="This document contains an example of JavaScript strict not equal operator"/>
</head>
<body>
<script src="javascript-strict-not-equal-operator_example1.js"></script>
</body>
</html>

JS Code

var x = 300;
var y = "300";
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode('Value of x = 300 and y = "300"'); 
newParagraph.appendChild(newText); document.body.appendChild(newParagraph); 
var newParagraph1 = document.createElement("p"); var newText1 = document.createTextNode('Whether x !== y  ? '+(x !== y));
newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1);

View the example in the browser

Practice the example online

JavaScript strict not equal operator example

Pictorial presentation of Greater than(>) operator

javascript Greater than  operator

Test Greater than(>) operator

The following web document returns true as the value of x is greater than y.

HTML Code

<!doctype html><head>
<meta charset="utf-8">
<title>JavaScript greater than equal (>=) operator example </title>
<meta name="description" content="This document contains an example of JavaScript greater than equal
(>=)operator"/> </head> <body> <script src="javascript-greater-than-equal-operator_example1.js"></script> </body> </html>

JS Code

var x = 300;
var y = 100;
var newParagraph = document.createElement("p");
var newText = document.createTextNode('Value of x = 300 and y = 100. Whether x > y  ?');
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode(x > y);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);

View the example in the browser

Practice the example online

JavaScript greater than(>) operator example.

Pictorial presentation of Greater than or equal (>=)

javascript greater than or equal operator

Test Greater than or equal (>=) operator

The following web document returns true as the value of x is equal to y.

HTML Code

<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript greater than equal (>=) operator example
</title>
<meta name="description" content="This document contains an example
of JavaScript greater than equal (>=) operator"/>
</head>
<body>
<script src="javascript-greater-than-equal-operator_example1.js">
</script>
</body>
</html>

JS Code

var x = 300;
var y = 100;
var newParagraph = document.createElement("p");
var newText = document.createTextNode('Value of x = 300 and y = 100'+', '+'Whether x >= y ? '+ (x >= y));
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);

View the example in the browser

Practice the example online

JavaScript greater than equal (>=) operator example

Pictorial presentation of Less than (<) operator

javascript less than operator

Test Less than (<) operator

The following web document returns true as the value of x is less than y.

HTML Code

<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript less than (<) operator example.</title>
<meta name="description" content="This document contains an example of JavaScript less than (<) operator"/>
</head>
<body>
<script src="javascript-less-than-operator_example1.js"></script>
</body>
</html>

JS Code

var x = 100;
var y = 300;
var newParagraph = document.createElement("p");
var newText = document.createTextNode('Value of x = 100 and y = 300. Whether x is less than  y?'); 
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode(x<y);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);

View the example in the browser

Practice the example online

JavaScript less than (<) operator example.

Pictorial presentation of Greater than or equal (>=)

javascript greater than or equal operator

Test Greater than or equal (>=) operator

The following web document returns true as the value of x is equal to y.

HTML Code

<!doctype html>
<head>
<meta charset="utf-8">
<title>JavaScript greater than equal (>=) operator example
</title>
<meta name="description" content="This document contains an example
of JavaScript greater than equal (>=) operator"/>
</head>
<body>
<script src="javascript-greater-than-equal-operator_example1.js">
</script>
</body>
</html>

JS Code

var x = 300;
var y = 100;
var newParagraph = document.createElement("p");
var newText = document.createTextNode('Value of x = 300 and y = 100'+', '+'Whether x >= y  ? '+ (x >= y));
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);

View the example in the browser

Practice the example above online

JavaScript greater than equal (>=) operator example

Pictorial presentation of Less than or equal (<=) operator

javascript equal operator

Test Less than or equal (<=) operator

The following web document returns false as the value of x is greater than y.

HTML Code

<!doctype html><head>
<meta charset="utf-8">
<title>JavaScript less than equal(<=) operator example </title>
<meta name="description" content="This document contains an
example of JavaScript less than equal(<=) operator" />
</head>
<body>
<script src="javascript-less-than-equal-operator_example1.js"></script>
</body>
</html>

JS Code

var x = 300;
var y = 100;
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("Value of x = 300 and y = 100. Whether x <= y");
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph);

var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode(x <= y); 
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);

View the example in the browser

Practice the example online

JavaScript less than equal(<=) operator example

Want to Test your JavaScript skill ?

Want to Practice JavaScript exercises ?



Join our Question Answer community to learn and share your programming knowledge.