Skip to content

Commit adbe20d

Browse files
ShivamMaurya2002ShivamMaurya2002
authored
Update JS.html
1 parent f256fac commit adbe20d

1 file changed

Lines changed: 44 additions & 85 deletions

File tree

‎JS/JS.html‎

Lines changed: 44 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,25 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
54
<meta charset="UTF-8" />
65
<title>Shivam Maurya JS Notes</title>
76
<style>
8-
body,
9-
html {
10-
height: 100%;
11-
margin: 0;
12-
}
13-
14-
.container {
15-
display: flex;
16-
height: 100vh;
17-
}
18-
19-
#left-aside {
20-
width: 230px;
21-
background-color: #d3d6da;
22-
padding: 10px;
23-
overflow-y: auto;
24-
height: 100%;
25-
position: fixed;
26-
font-family: 'Times New Roman';
27-
}
7+
body,html { height: 100%; margin: 0; }
288

29-
.asideLink a {
30-
line-height: 1.3;
31-
font-size: 18px;
32-
font-weight: 600;
33-
text-decoration: none;
34-
color: #464646;
35-
transition: color 0.3s ease;
36-
display: block;
37-
margin-bottom: 6px;
38-
}
9+
.container { display: flex; height: 100vh;}
3910

40-
.asideLink a.active {
41-
color: rgba(158, 9, 9, 0.82);
42-
font-weight: bold;
43-
}
11+
#left-aside { width: 230px; background-color: #d3d6da; padding: 10px; overflow-y: auto; height: 100%; position: fixed; font-family: 'Times New Roman'; }
4412

45-
main {
46-
margin-left: 245px;
47-
flex-grow: 1;
48-
overflow-y: auto;
49-
}
13+
.asideLink a { line-height: 1.3; font-size: 18px; font-weight: 600; text-decoration: none; color: #464646; transition: color 0.3s ease; display: block; margin-bottom: 6px; }
5014

51-
iframe {
52-
width: 100%;
53-
height: 1500px;
54-
border: none;
55-
}
15+
.asideLink a.active { color: rgba(158, 9, 9, 0.82); font-weight: bold; }
5616

17+
main { margin-left: 245px; flex-grow: 1; overflow-y: auto; }
18+
19+
iframe { width: 100%; height: 1500px; border: none; }
20+
5721
.highlight { font-weight: bold; }
22+
5823
</style>
5924
</head>
6025
<body>
@@ -67,75 +32,69 @@
6732
<b>
6833
<a href="../JS/JS Introduction.html" target="tagdesc">1. <span class="highlight">Introduction</span> to
6934
JS.</a>
70-
<a href="../JS/JavaScript Data Types.html" target="tagdesc">3. <span class="highlight">Data Types</span></a>
71-
<a href="../JS/Variables in JS.html" target="tagdesc">4. <span class="highlight">Variables in JS</span></a>
72-
<a href="../JS/Difference between null and undefined.html" target="tagdesc">5. <span
35+
<a href="../JS/JavaScript Data Types.html" target="tagdesc">2. <span class="highlight">Data Types</span></a>
36+
<a href="../JS/Variables in JS.html" target="tagdesc">3. <span class="highlight">Variables in JS</span></a>
37+
<a href="../JS/Difference between null and undefined.html" target="tagdesc">4. <span
7338
class="highlight">null</span> vs <span class="highlight">undefined</span></a>
74-
<a href="../JS/Difference between == and === in JS.html" target="tagdesc">6. <span
39+
<a href="../JS/Difference between == and === in JS.html" target="tagdesc">5. <span
7540
class="highlight">==</span> vs <span class="highlight">===</span></a>
76-
<a href="../JS/Purpose of the “this” Keyword.html" target="tagdesc">7. Purpose of <span
41+
<a href="../JS/Purpose of the “this” Keyword.html" target="tagdesc">6. Purpose of <span
7742
class="highlight">"this"</span> Keyword</a>
78-
<a href="../JS/js-hoisting.html" target="tagdesc">8. <span class="highlight">Hoisting</span> in JS.</a>
79-
<a href="../JS/Difference Between “let”, “const”, and “var”.html" target="tagdesc">9. <span
43+
<a href="../JS/js-hoisting.html" target="tagdesc">7. <span class="highlight">Hoisting</span> in JS.</a>
44+
<a href="../JS/Difference Between “let”, “const”, and “var”.html" target="tagdesc">8. <span
8045
class="highlight">let</span> vs <span class="highlight">const</span> vs <span
8146
class="highlight">var</span></a>
82-
<a href="../JS/Function Declarations & Expressions.html" target="tagdesc">11. <span class="highlight">Fn
47+
<a href="../JS/Function Declarations & Expressions.html" target="tagdesc">9. <span class="highlight">Fn
8348
Declarations</span> vs <span class="highlight">Fn Expressions</span></a>
84-
<a href="../JS/Scope.html" target="tagdesc">13. <span class="highlight">Scope</span> in JS.</a>
85-
<a href="../JS/Closures.html" target="tagdesc">14. <span class="highlight">Closures</span> in JS.</a>
86-
<a href="../JS/Promises.html" target="tagdesc">15. <span class="highlight">Promises</span> in JS.</a>
87-
<a href="../JS/Recursion in JS.html" target="tagdesc">16. <span class="highlight">Recursion</span> in
49+
<a href="../JS/Scope.html" target="tagdesc">10. <span class="highlight">Scope</span> in JS.</a>
50+
<a href="../JS/Closures.html" target="tagdesc">11. <span class="highlight">Closures</span> in JS.</a>
51+
<a href="../JS/Promises.html" target="tagdesc">12. <span class="highlight">Promises</span> in JS.</a>
52+
<a href="../JS/Recursion in JS.html" target="tagdesc">13. <span class="highlight">Recursion</span> in
8853
JS.</a>
89-
<a href="../JS/Callback Function in JS.html" target="tagdesc">17. <span class="highlight">Callback
54+
<a href="../JS/Callback Function in JS.html" target="tagdesc">14. <span class="highlight">Callback
9055
Functions</span></a>
91-
<a href="../JS/Synchronous and Asynchronous Programming.html" target="tagdesc">18. <span
56+
<a href="../JS/Synchronous and Asynchronous Programming.html" target="tagdesc">15. <span
9257
class="highlight">Sync</span> vs <span class="highlight">Async</span> Programming</a>
93-
<a href="../JS/Async-Await.html" target="tagdesc">19. <span class="highlight">Async/Await</span> in JS.</a>
94-
<a href="../JS/Handle Errors in JS.html" target="tagdesc">20. <span class="highlight">Error Handling</span>
58+
<a href="../JS/Async-Await.html" target="tagdesc">16. <span class="highlight">Async/Await</span> in JS.</a>
59+
<a href="../JS/Handle Errors in JS.html" target="tagdesc">17. <span class="highlight">Error Handling</span>
9560
in JS.</a>
96-
<a href="../JS/Es6-features.html" target="tagdesc">21. Key <span class="highlight">ES6 Features</span></a>
97-
<a href="../JS/Array-methods.html" target="tagdesc">22. <span class="highlight">Array Methods</span> in
61+
<a href="../JS/Es6-features.html" target="tagdesc">18. Key <span class="highlight">ES6 Features</span></a>
62+
<a href="../JS/Array-methods.html" target="tagdesc">19. <span class="highlight">Array Methods</span> in
9863
JS.</a>
99-
<a href="../JS/Arrow Functions in JS.html" target="tagdesc">23. <span class="highlight">Arrow
64+
<a href="../JS/Arrow Functions in JS.html" target="tagdesc">20. <span class="highlight">Arrow
10065
Functions</span> in JS.</a>
101-
<a href="../JS/Event Delegation.html" target="tagdesc">24. <span class="highlight">Event Delegation</span>
66+
<a href="../JS/Event Delegation.html" target="tagdesc">21. <span class="highlight">Event Delegation</span>
10267
in JS.</a>
103-
<a href="../JS/Event loop.html" target="tagdesc">25. <span class="highlight">Event Loop</span> in JS.</a>
104-
<a href="../JS/Difference Between localStorage and sessionStorage.html" target="tagdesc">26. <span
68+
<a href="../JS/Event loop.html" target="tagdesc">22. <span class="highlight">Event Loop</span> in JS.</a>
69+
<a href="../JS/Difference Between localStorage and sessionStorage.html" target="tagdesc">23. <span
10570
class="highlight">localStorage</span> vs <span class="highlight">sessionStorage</span></a>
106-
<a href="../JS/Convert a String to Lowercase.html" target="tagdesc">27. Convert String to <span
71+
<a href="../JS/Convert a String to Lowercase.html" target="tagdesc">24. Convert String to <span
10772
class="highlight">Lowercase</span></a>
108-
<a href="../JS/Difference Between an Array and an Object.html" target="tagdesc">28. <span
73+
<a href="../JS/Difference Between an Array and an Object.html" target="tagdesc">25. <span
10974
class="highlight">Array</span> vs <span class="highlight">Object</span></a>
110-
<a href="../JS/Different Events.html" target="tagdesc">20. Types of <span class="highlight">Events</span> in
75+
<a href="../JS/Different Events.html" target="tagdesc">26. Types of <span class="highlight">Events</span> in
11176
JS.</a>
112-
<a href="../JS/Select elements.html" target="tagdesc">34. Ways to <span class="highlight">Select
113-
Elements</span></a>
114-
<a href="../JS/DOM-manipulation.html" target="tagdesc">38. <span class="highlight">DOM
77+
<a href="../JS/DOM-manipulation.html" target="tagdesc">27. <span class="highlight">DOM
11578
Manipulation</span></a>
11679

11780
<p style="color: rgb(18, 149, 197)">JS Important Interview Programs:</p>
11881

119-
<a href="../JS/Reverse a String.html" target="tagdesc">39. <span class="highlight">Reverse</span> a
82+
<a href="../JS/Reverse a String.html" target="tagdesc">28. <span class="highlight">Reverse</span> a
12083
String</a>
121-
<a href="../JS/Check Palindrome.html" target="tagdesc">40. Check if a <span class="highlight">String is a
84+
<a href="../JS/Check Palindrome.html" target="tagdesc">29. Check if a <span class="highlight">String is a
12285
Palindrome</span></a>
123-
<a href="../JS/Find Factorial.html" target="tagdesc">41. <span class="highlight">Factorial</span> of a
86+
<a href="../JS/Find Factorial.html" target="tagdesc">30. <span class="highlight">Factorial</span> of a
12487
Number</a>
125-
<a href="../JS/FizzBuzz Problem.html" target="tagdesc">43. <span class="highlight">FizzBuzz</span>
88+
<a href="../JS/FizzBuzz Problem.html" target="tagdesc">31. <span class="highlight">FizzBuzz</span>
12689
Problem</a>
127-
<a href="../JS/Generate Fibonacci.html" target="tagdesc">46. Generate <span class="highlight">Fibonacci
90+
<a href="../JS/Generate Fibonacci.html" target="tagdesc">32. Generate <span class="highlight">Fibonacci
12891
Series</span></a>
129-
<a href="../JS/Find Second Largest.html" target="tagdesc">47. Find<span class="highlight"> Second Largest
92+
<a href="../JS/Find Second Largest.html" target="tagdesc">33. Find<span class="highlight"> Second Largest
13093
Number</span> in an Array</a>
131-
<a href="../JS/Sort Without sort.html" target="tagdesc">50. <span class="highlight">Sort an Array Without
94+
<a href="../JS/Sort Without sort.html" target="tagdesc">34. <span class="highlight">Sort an Array Without
13295
Using sort()</span></a>
133-
<a href="../JS/Check Array Sorted.html" target="tagdesc">52. Check if an <span class="highlight">Array is
134-
Sorted</span></a>
135-
<a href="../JS/Swap Variables.html" target="tagdesc">53. <span class="highlight">Swap Two Var Without Using
96+
<a href="../JS/Swap Variables.html" target="tagdesc">35. <span class="highlight">Swap Two Var Without Using
13697
Third Var</span></a>
137-
<a href="../JS/Merge Sort Arrays.html" target="tagdesc">55. <span class="highlight">Merge and Sort Two
138-
Arrays</span></a>
13998
</b>
14099
</div>
141100
</section>

0 commit comments

Comments
 (0)