Comparison Operator in javascript

Something Like that:
Comparison

What is Comparison
Number of true,false,undefined,null value.

For that you need to create first html code.

HTML

<p>Value of a =  <span id="demo"></span></p>

After that add this JS code.

JS

var a = 1 < 2 < 3;
document.getElementById("demo").innerHTML = a;

[codepen_embed height="265" theme_id="0" slug_hash="Kvgopy" default_tab="result" user="pradeepanvi"]See the Pen Comparison Operator in javascript by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Now you can see

Value of a = true

Why it is?
True because It's due to Comparison Number.

Number(false) = 0
Number(true) = 1
Number(undefined) = NaN
Number(null) = 0

And you also already know about "<" Associativity. You can find this into Operator Precedence Table, left-to-right.
There you can see.

JS

var a = 1 < 2;
document.getElementById("demo").innerHTML = a;

[codepen_embed height="265" theme_id="0" slug_hash="aymGwm" default_tab="result" user="pradeepanvi"]See the Pen Comparison Operator in javascript 03 by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Now
Value of a = true

And True Number is 1.

JS

var a = 1 < 3;
document.getElementById("demo").innerHTML = a;

[codepen_embed height="265" theme_id="0" slug_hash="EvgLwy" default_tab="result" user="pradeepanvi"]See the Pen Comparison Operator in javascript 04 by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Value of a = true.

We will try one other example

For that you need to create first html code.

HTML

<p>a and b =  <span id="demo"></span></p>

After that add this JS code.

JS

var a = 0;
var b = false;

if(a === b){
    document.getElementById("demo").innerHTML = 'They are equal!';
} else {
    document.getElementById("demo").innerHTML = 'Nope, not equal!';
}

[codepen_embed height="265" theme_id="0" slug_hash="OjRZVv" default_tab="result" user="pradeepanvi"]See the Pen Comparison Operator in javascript 02 by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

a and b = Nope, not equal!

Leave a Reply

Your email address will not be published. Required fields are marked *