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!