├── conditional.js
├── hover.js
├── hovereffect.html
├── strictl.js
└── variables.js
/conditional.js:
--------------------------------------------------------------------------------
1 | // conditional Operator: ( ? : )
2 |
3 | const age=11;
4 | const res=(age>=18)?"Eligible for vote":"Not eligible for vote";
5 | console.log(res);
6 |
7 | // Using Object based
8 |
9 |
10 | var user={'fname':"Murali",'age':20};
11 | user.fname="Rio";
12 | console.log(user.fname);
13 | const welcome=(user)=>{
14 | const r=user.fname?user.fname:"Stranger";
15 | return "Hello "+r;
16 | }
17 | console.log(welcome(user));
18 |
19 | //chained conditional Operator:
20 |
21 | const a=80;
22 | const b=a>=90?"A grade":a>=80?"B grade":a>=70?"C Grade":"Fail";
23 | console.log(b);
--------------------------------------------------------------------------------
/hover.js:
--------------------------------------------------------------------------------
1 | var textbutton=document.querySelector(".btn");
2 | textbutton.addEventListener("mouseover",firstFunction);
3 | textbutton.addEventListener("click",secondFuction);
4 | textbutton.addEventListener("mouseout",thirdFunction);
5 |
6 | function firstFunction(){
7 | document.querySelector("#content").innerHTML+="Mouse in
"
8 | }
9 |
10 | function secondFuction(){
11 | document.querySelector("#content").innerHTML+="clicked
"
12 | }
13 |
14 | function thirdFunction(){
15 | document.querySelector("#content").innerHTML+="Mouse out
"
16 | }
17 |
18 |
--------------------------------------------------------------------------------
/hovereffect.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 | //
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/strictl.js:
--------------------------------------------------------------------------------
1 | // Strict equality or Identity operator:
2 |
3 | c=10;
4 | d='10';
5 | console.log(c==d);
6 | console.log(c===d);
7 |
8 |
9 | let a;//undefined variable
10 | let b;//undefined variable
11 | console.log(a,b,a==b,a===b);
12 |
13 | let a1=null;//null value
14 | let a2=null;//null value
15 | console.log(a1,a2,a==b,a===b);
16 |
17 |
18 | let b1=0;// value is 0
19 | let b2=false;// value is false
20 | console.log(b1,b2,b1==b2,b1===b2); //but the strict trible equal is give value is false
21 |
22 | let c1=" ";
23 | let c2=false;
24 | console.log(c1,c2,c1==c2,c1===c2);
25 |
26 | let d1=new String('Murali');
27 | let d2="Murali";
28 | console.log(d1,d2,d1==d2,d1===d2);
29 |
30 | let e1=null;
31 | let e2;
32 | console.log(e1,e2,e1==e2,e1===e2)
--------------------------------------------------------------------------------
/variables.js:
--------------------------------------------------------------------------------
1 | /*
2 | const a=10;
3 | for(var i=0;i