- JavaScript Basics
- JS Home
- JS Syntax
- JS Placements
- JS Output
- JS Statements
- JS Keywords
- JS Comments
- JS Variables
- JS var
- JS let
- JS const
- JS var Vs let Vs const
- JS Operators
- JS Arithmetic Operators
- JS Assignment Operators
- JS Comparison Operators
- JS Logical Operators
- JS Bitwise Operators
- JS Ternary Operator
- JS Operator Precedence
- JS Data Types
- JS typeof
- JS Conditional Statements
- JS Conditional Statement
- JS if Statement
- JS if...else Statement
- JS switch Statement
- JS Loops
- JS for Loop
- JS while Loop
- JS do...while Loop
- JS break Statement
- JS continue Statement
- JS break Vs. continue
- JavaScript Popup Boxes
- JS Dialog Box
- JS alert Box
- JS confirm Box
- JS prompt Box
- JavaScript Functions
- JS Functions
- JS setTimeout() Method
- JS setInterval() Method
- JavaScript Events
- JS Events
- JS onclick Event
- JS onload Event
- JS Mouse Events
- JS onreset Event
- JS onsubmit Event
- JavaScript Arrays
- JS Array
- JS Find Length of Array
- JS Add Elements at Beginning
- JS Add Element at End
- JS Remove First Element
- JS Remove Last Element
- JS Get First Index
- JS Get Last Index
- JS Reverse an Array
- JS Sort an Array
- JS Concatenate Arrays
- JS join()
- JS toString()
- JS from()
- JS Check if Value Exists
- JS Check if Array
- JS Slice an Array
- JS splice()
- JS find()
- JS findIndex()
- JS entries()
- JS every()
- JS fill()
- JS filter()
- JS forEach()
- JS map()
- JavaScript Strings
- JS String
- JS Length of String
- JS Convert to Lowercase
- JS Convert to Uppercase
- JS String Concatenation
- JS search()
- JS indexOf()
- JS search() Vs. indexOf()
- JS match()
- JS match() Vs. search()
- JS replace()
- JS toString()
- JS String()
- JS includes()
- JS substr()
- JS Slice String
- JS charAt()
- JS repeat()
- JS split()
- JS charCodeAt()
- JS fromCharCode()
- JS startsWith()
- JS endsWith()
- JS trim()
- JS lastIndexOf()
- JavaScript Objects
- JS Objects
- JS Boolean Object
- JavaScript Math/Number
- JS Math Object
- JS Math.abs()
- JS Math.max()
- JS Math.min()
- JS Math.pow()
- JS Math.sqrt()
- JS Math.cbrt()
- JS Math.round()
- JS Math.ceil()
- JS Math.floor()
- JS Math.trunc
- JS toFixed()
- JS toPrecision()
- JS Math.random()
- JS Math.sign()
- JS Number.isInteger()
- JS NaN
- JS Number()
- JS parseInt()
- JS parseFloat()
- JavaScript Date and Time
- JS Date and Time
- JS Date()
- JS getFullYear()
- JS getMonth()
- JS getDate()
- JS getDay()
- JS getHours()
- JS getMinutes()
- JS getSeconds()
- JS getMilliseconds()
- JS getTime()
- JS getUTCFullYear()
- JS getUTCMonth()
- JS getUTCDate()
- JS getUTCDay()
- JS getUTCHours()
- JS getUTCMinutes()
- JS getUTCSeconds()
- JS getUTCMilliseconds()
- JS toDateString()
- JS toLocaleDateString()
- JS toLocaleTimeString()
- JS toLocaleString()
- JS toUTCString()
- JS getTimezoneOffset()
- JS toISOString()
- JavaScript Browser Objects
- JS Browser Objects
- JS Window Object
- JS Navigator Object
- JS History Object
- JS Screen Object
- JS Location Object
- JavaScript Document Object
- JS Document Object Collection
- JS Document Object Properties
- JS Document Object Methods
- JS Document Object with Forms
- JavaScript DOM
- JS DOM
- JS DOM Nodes
- JS DOM Levels
- JS DOM Interfaces
- JavaScript Cookies
- JS Cookies
- JS Create/Delete Cookies
- JavaScript Regular Expression
- JS Regular Expression
- JS RegEx .
- JS RegEx \w and \W
- JS RegEx \d and \D
- JS RegEx \s and \S
- JS RegEx \b and \B
- JS RegEx \0
- JS RegEx \n
- JS RegEx \xxx
- JS RegEx \xdd
- JS RegEx Quantifiers
- JS RegEx test()
- JS RegEx lastIndex
- JS RegEx source
- JavaScript Advance
- JS Page Redirection
- JS Form Validation
- JS Validations
- JS Error Handling
- JS Exception Handling
- JS try-catch throw finally
- JS onerror Event
- JS Multimedia
- JS Animation
- JS Image Map
- JS Debugging
- JS Browser Detection
- JS Security
- JavaScript Misc
- JS innerHTML
- JS getElementById()
- JS getElementsByClassName()
- JS getElementsByName()
- JS getElementsByTagName()
- JS querySelector()
- JS querySelectorAll()
- JS document.write()
- JS console.log()
- JS instanceof
- JavaScript Programs
- JavaScript Programs
Comparison Operators in JavaScript
Comparison operators in JavaScript, are used to compare between two variables or values. For example:
HTML with JavaScript Code
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> let x = 20; let y = 20; if(x==y) { document.getElementById("xyz").innerHTML = "The value of 'x' is equal to the value of 'y'"; } else { document.getElementById("xyz").innerHTML = "The value of 'x' is not equal to the value of 'y'"; } </script> </body> </html>
Output
Note - Comparison operators in JavaScript, returns boolean value (true/false). Therefore x==y or 20==20 returns true, because both numbers are obviously equals to each other.
List of All Comparison Operators in JavaScript
Operator | Name |
---|---|
== | equal to |
=== | equal value and equal type |
!= | not equal |
!== | not equal value or not equal type |
< | less than |
> | greater than |
<= | less than or equal to |
>= | greater than or equal to |
JavaScript Comparison Operators Example
HTML with JavaScript Code
<!DOCTYPE html> <html> <body> <p id="para1"></p> <p id="para2"></p> <p id="para3"></p> <p id="para4"></p> <p id="para5"></p> <p id="para6"></p> <p id="para7"></p> <p id="para8"></p> <p id="para9"></p> <p id="para10"></p> <p id="para11"></p> <p id="para12"></p> <p id="para13"></p> <p id="para14"></p> <p id="para15"></p> <p id="para16"></p> <p id="para17"></p> <p id="para18"></p> <script> let a = 10, b = 10, c = 20, d = "10"; document.getElementById("para1").innerHTML = a==b; document.getElementById("para2").innerHTML = a==c; document.getElementById("para3").innerHTML = a===b; document.getElementById("para4").innerHTML = a===c; document.getElementById("para5").innerHTML = a===d; document.getElementById("para6").innerHTML = a!=b; document.getElementById("para7").innerHTML = a!=c; document.getElementById("para8").innerHTML = a!==b; document.getElementById("para9").innerHTML = a!==c; document.getElementById("para10").innerHTML = a!==d; document.getElementById("para11").innerHTML = a>b; document.getElementById("para12").innerHTML = a>c; document.getElementById("para13").innerHTML = a<b; document.getElementById("para14").innerHTML = a<c; document.getElementById("para15").innerHTML = a>=b; document.getElementById("para16").innerHTML = a>=c; document.getElementById("para17").innerHTML = a<=b; document.getElementById("para18").innerHTML = a<=c; </script> </body> </html>
Output
« Previous Tutorial Next Tutorial »