Skip to content

Commit 123193b

Browse files
ShivamMaurya2002ShivamMaurya2002
authored
Update JS.html
1 parent 11e24ad commit 123193b

1 file changed

Lines changed: 107 additions & 56 deletions

File tree

‎JS/JS.html‎

Lines changed: 107 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
<head>
55
<meta charset="UTF-8" />
66
<title>Shivam Maurya JS Notes</title>
7-
<link rel="stylesheet" type="text/css" href="../CSS/HomeCSS.css" />
87
<style>
98
body,
109
html {
@@ -18,37 +17,33 @@
1817
}
1918

2019
#left-aside {
21-
width: 245px;
22-
background-color: #bab6b6;
20+
width: 230px;
21+
background-color: #d3d6da;
2322
padding: 10px;
2423
overflow-y: auto;
25-
height: 100vh;
24+
height: 100%;
2625
position: fixed;
2726
font-family: 'Times New Roman';
2827
}
2928

3029
.asideLink a {
31-
line-height: 1.6;
32-
font-size: 16px;
30+
line-height: 1.3;
31+
font-size: 18px;
32+
font-weight: 600;
3333
text-decoration: none;
34-
color: #333232;
34+
color: #464646;
3535
transition: color 0.3s ease;
3636
display: block;
37-
margin-bottom: 5px;
37+
margin-bottom: 6px;
3838
}
3939

40-
/* .asideLink a:hover {
41-
color: rgb(8, 53, 199);
42-
} */
43-
4440
.asideLink a.active {
45-
color: rgb(142, 37, 37);
41+
color: rgba(158, 9, 9, 0.82);
4642
font-weight: bold;
4743
}
4844

4945
main {
5046
margin-left: 245px;
51-
padding: 10px;
5247
flex-grow: 1;
5348
overflow-y: auto;
5449
}
@@ -62,75 +57,131 @@
6257
.highlight {
6358
font-weight: bold;
6459
}
60+
61+
.cut-btn {
62+
background-color: rgb(255, 255, 255);
63+
color: rgb(255, 0, 0);
64+
font-size: 20px;
65+
font-weight: 900;
66+
border:1px solid black;
67+
border-radius: 4px;
68+
padding: 2px 6px;
69+
cursor: pointer;
70+
float: right;
71+
margin-bottom: 10px;
72+
}
6573
</style>
6674
</head>
6775

6876
<body>
6977
<div class="container">
7078
<!-- Sidebar -->
7179
<div id="left-aside">
80+
<button class="cut-btn" onclick="document.getElementById('left-aside').style.display='none'">x</button>
7281
<section>
7382
<div class="asideLink">
7483
<b>
75-
<a href="../JS/JS Introduction.html" target="tagdesc">1. <span class="highlight">Introduction</span> to JS.</a>
84+
<a href="../JS/JS Introduction.html" target="tagdesc">1. <span class="highlight">Introduction</span> to
85+
JS.</a>
7686
<a href="../JS/Interpreter.html" target="tagdesc">1. <span class="highlight">Interpreter</span> In JS.</a>
7787
<a href="../JS/JavaScript Data Types.html" target="tagdesc">2. <span class="highlight">Data Types</span></a>
7888
<a href="../JS/Variables in JS.html" target="tagdesc">2. <span class="highlight">Variables in JS</span></a>
79-
<a href="../JS/Difference between null and undefined.html" target="tagdesc">3. <span class="highlight">null</span> vs <span class="highlight">undefined</span></a>
80-
<a href="../JS/Difference between == and === in JS.html" target="tagdesc">4. <span class="highlight">==</span> vs <span class="highlight">===</span></a>
81-
<a href="../JS/Purpose of the “this” Keyword.html" target="tagdesc">5. Purpose of <span class="highlight">"this"</span> Keyword</a>
89+
<a href="../JS/Difference between null and undefined.html" target="tagdesc">3. <span
90+
class="highlight">null</span> vs <span class="highlight">undefined</span></a>
91+
<a href="../JS/Difference between == and === in JS.html" target="tagdesc">4. <span
92+
class="highlight">==</span> vs <span class="highlight">===</span></a>
93+
<a href="../JS/Purpose of the “this” Keyword.html" target="tagdesc">5. Purpose of <span
94+
class="highlight">"this"</span> Keyword</a>
8295
<a href="../JS/js-hoisting.html" target="tagdesc">6. <span class="highlight">Hoisting</span> in JS.</a>
83-
<a href="../JS/Difference Between “let”, “const”, and “var”.html" target="tagdesc">7. <span class="highlight">let</span> vs <span class="highlight">const</span> vs <span class="highlight">var</span></a>
84-
<a href="../JS/Output of the Following Code.html" target="tagdesc">8. Output of <span class="highlight">3 + 2 + "7"</span></a>
85-
<a href="../JS/Function Declarations & Expressions.html" target="tagdesc">9. <span class="highlight">Fn Declarations</span> vs <span class="highlight">Fn Expressions</span></a>
96+
<a href="../JS/Difference Between “let”, “const”, and “var”.html" target="tagdesc">7. <span
97+
class="highlight">let</span> vs <span class="highlight">const</span> vs <span
98+
class="highlight">var</span></a>
99+
<a href="../JS/Output of the Following Code.html" target="tagdesc">8. Output of <span class="highlight">3 +
100+
2 + "7"</span></a>
101+
<a href="../JS/Function Declarations & Expressions.html" target="tagdesc">9. <span class="highlight">Fn
102+
Declarations</span> vs <span class="highlight">Fn Expressions</span></a>
86103
<a href="../JS/Inheritance.html" target="tagdesc">10. <span class="highlight">Inheritance</span> in JS.</a>
87104
<a href="../JS/Scope.html" target="tagdesc">11. <span class="highlight">Scope</span> in JS.</a>
88105
<a href="../JS/Closures.html" target="tagdesc">12. <span class="highlight">Closures</span> in JS.</a>
89106
<a href="../JS/Promises.html" target="tagdesc">13. <span class="highlight">Promises</span> in JS.</a>
90-
<a href="../JS/Recursion in JS.html" target="tagdesc">14. <span class="highlight">Recursion</span> in JS.</a>
91-
<a href="../JS/Callback Function in JS.html" target="tagdesc">15. <span class="highlight">Callback Functions</span></a>
92-
<a href="../JS/Synchronous and Asynchronous Programming.html" target="tagdesc">16. <span class="highlight">Sync</span> vs <span class="highlight">Async</span> Programming</a>
107+
<a href="../JS/Recursion in JS.html" target="tagdesc">14. <span class="highlight">Recursion</span> in
108+
JS.</a>
109+
<a href="../JS/Callback Function in JS.html" target="tagdesc">15. <span class="highlight">Callback
110+
Functions</span></a>
111+
<a href="../JS/Synchronous and Asynchronous Programming.html" target="tagdesc">16. <span
112+
class="highlight">Sync</span> vs <span class="highlight">Async</span> Programming</a>
93113
<a href="../JS/Async-Await.html" target="tagdesc">17. <span class="highlight">Async/Await</span> in JS.</a>
94-
<a href="../JS/Handle Errors in JS.html" target="tagdesc">18. <span class="highlight">Error Handling</span> in JS.</a>
114+
<a href="../JS/Handle Errors in JS.html" target="tagdesc">18. <span class="highlight">Error Handling</span>
115+
in JS.</a>
95116
<a href="../JS/Es6-features.html" target="tagdesc">19. Key <span class="highlight">ES6 Features</span></a>
96-
<a href="../JS/Array-methods.html" target="tagdesc">20. <span class="highlight">Array Methods</span> in JS.</a>
97-
<a href="../JS/Arrow Functions in JS.html" target="tagdesc">21. <span class="highlight">Arrow Functions</span> in JS.</a>
98-
<a href="../JS/Difference Between querySelector and getElementById.html" target="tagdesc">22. <span class="highlight">querySelector</span> vs <span class="highlight">getElementById</span></a>
99-
<a href="../JS/Event Delegation.html" target="tagdesc">23. <span class="highlight">Event Delegation</span> in JS.</a>
117+
<a href="../JS/Array-methods.html" target="tagdesc">20. <span class="highlight">Array Methods</span> in
118+
JS.</a>
119+
<a href="../JS/Arrow Functions in JS.html" target="tagdesc">21. <span class="highlight">Arrow
120+
Functions</span> in JS.</a>
121+
<a href="../JS/Difference Between querySelector and getElementById.html" target="tagdesc">22. <span
122+
class="highlight">querySelector</span> vs <span class="highlight">getElementById</span></a>
123+
<a href="../JS/Event Delegation.html" target="tagdesc">23. <span class="highlight">Event Delegation</span>
124+
in JS.</a>
100125
<a href="../JS/Event loop.html" target="tagdesc">24. <span class="highlight">Event Loop</span> in JS.</a>
101-
<a href="../JS/Difference Between localStorage and sessionStorage.html" target="tagdesc">25. <span class="highlight">localStorage</span> vs <span class="highlight">sessionStorage</span></a>
102-
<a href="../JS/Convert a String to Lowercase.html" target="tagdesc">26. Convert String to <span class="highlight">Lowercase</span></a>
103-
<a href="../JS/Difference Between an Array and an Object.html" target="tagdesc">27. <span class="highlight">Array</span> vs <span class="highlight">Object</span></a>
104-
<a href="../JS/Remove Duplicates From an Array.html" target="tagdesc">28. <span class="highlight">Remove Duplicates</span> from an Array</a>
105-
<a href="../JS/Different Events.html" target="tagdesc">29. Types of <span class="highlight">Events</span> in JS.</a>
106-
<a href="../JS/Types of Errors.html" target="tagdesc">30. <span class="highlight">Types of Errors</span> in JS.</a>
126+
<a href="../JS/Difference Between localStorage and sessionStorage.html" target="tagdesc">25. <span
127+
class="highlight">localStorage</span> vs <span class="highlight">sessionStorage</span></a>
128+
<a href="../JS/Convert a String to Lowercase.html" target="tagdesc">26. Convert String to <span
129+
class="highlight">Lowercase</span></a>
130+
<a href="../JS/Difference Between an Array and an Object.html" target="tagdesc">27. <span
131+
class="highlight">Array</span> vs <span class="highlight">Object</span></a>
132+
<a href="../JS/Remove Duplicates From an Array.html" target="tagdesc">28. <span class="highlight">Remove
133+
Duplicates</span> from an Array</a>
134+
<a href="../JS/Different Events.html" target="tagdesc">29. Types of <span class="highlight">Events</span> in
135+
JS.</a>
136+
<a href="../JS/Types of Errors.html" target="tagdesc">30. <span class="highlight">Types of Errors</span> in
137+
JS.</a>
107138
<a href="../JS/bind() Method.html" target="tagdesc">31. <span class="highlight">bind()</span> Method</a>
108-
<a href="../JS/Prototypes in JS.html" target="tagdesc">32. <span class="highlight">Prototypes</span> in JS.</a>
109-
<a href="../JS/Select elements.html" target="tagdesc">33. Ways to <span class="highlight">Select Elements</span></a>
139+
<a href="../JS/Prototypes in JS.html" target="tagdesc">32. <span class="highlight">Prototypes</span> in
140+
JS.</a>
141+
<a href="../JS/Select elements.html" target="tagdesc">33. Ways to <span class="highlight">Select
142+
Elements</span></a>
110143
<a href="../JS/Modules in JS.html" target="tagdesc">34. <span class="highlight">Modules</span> in JS.</a>
111144
<a href="../JS/React.html" target="tagdesc">35. Basics of <span class="highlight">React.js</span></a>
112145
<a href="../JS/Node.html" target="tagdesc">36. Introduction to <span class="highlight">Node.js</span></a>
113-
<a href="../JS/DOM-manipulation.html" target="tagdesc">37. <span class="highlight">DOM Manipulation</span></a>
146+
<a href="../JS/DOM-manipulation.html" target="tagdesc">37. <span class="highlight">DOM
147+
Manipulation</span></a>
114148

115-
<p style="color: rgb(9, 137, 184)">JS Important Interview Programs:</p>
149+
<p style="color: rgb(18, 149, 197)">JS Important Interview Programs:</p>
116150

117-
<a href="../JS/Reverse a String.html" target="tagdesc">38. <span class="highlight">Reverse</span> a String</a>
118-
<a href="../JS/Check Palindrome.html" target="tagdesc">39. Check if a <span class="highlight">String is a Palindrome</span></a>
119-
<a href="../JS/Find Factorial.html" target="tagdesc">40. <span class="highlight">Factorial</span> of a Number</a>
120-
<a href="../JS/Find Largest Number.html" target="tagdesc">41. <span class="highlight">Largest Number</span> in an Array</a>
121-
<a href="../JS/FizzBuzz Problem.html" target="tagdesc">42. <span class="highlight">FizzBuzz</span> Problem</a>
122-
<a href="../JS/Remove Duplicates.html" target="tagdesc">43. <span class="highlight">Remove Duplicates</span> from an Array</a>
123-
<a href="../JS/Check Prime Number.html" target="tagdesc">44. Check if a<span class="highlight"> Number is Prime</span></a>
124-
<a href="../JS/Generate Fibonacci.html" target="tagdesc">45. Generate <span class="highlight">Fibonacci Series</span></a>
125-
<a href="../JS/Find Second Largest.html" target="tagdesc">46. Find<span class="highlight"> Second Largest Number</span> in an Array</a>
126-
<a href="../JS/Check Only Digits.html" target="tagdesc">47. Check if a<span class="highlight"> String Contains Only Digits</span></a>
127-
<a href="../JS/Find Missing Number.html" target="tagdesc">48. Find <span class="highlight">Missing Number</span> in an Array</a>
128-
<a href="../JS/Sort Without sort.html" target="tagdesc">49. <span class="highlight">Sort an Array Without Using sort()</span></a>
129-
<a href="../JS/Find Character Frequency.html" target="tagdesc">50. Find <span class="highlight">Frequency of Char in a Str</span></a>
130-
<a href="../JS/Check Array Sorted.html" target="tagdesc">51. Check if an <span class="highlight">Array is Sorted</span></a>
131-
<a href="../JS/Swap Variables.html" target="tagdesc">52. <span class="highlight">Swap Two Var Without Using Third Var</span></a>
132-
<a href="../JS/Count Vowels Consonants.html" target="tagdesc">54. <span class="highlight">Count Vowels & Consonants</span> in a String</a>
133-
<a href="../JS/Merge Sort Arrays.html" target="tagdesc">55. <span class="highlight">Merge and Sort Two Arrays</span></a>
151+
<a href="../JS/Reverse a String.html" target="tagdesc">38. <span class="highlight">Reverse</span> a
152+
String</a>
153+
<a href="../JS/Check Palindrome.html" target="tagdesc">39. Check if a <span class="highlight">String is a
154+
Palindrome</span></a>
155+
<a href="../JS/Find Factorial.html" target="tagdesc">40. <span class="highlight">Factorial</span> of a
156+
Number</a>
157+
<a href="../JS/Find Largest Number.html" target="tagdesc">41. <span class="highlight">Largest Number</span>
158+
in an Array</a>
159+
<a href="../JS/FizzBuzz Problem.html" target="tagdesc">42. <span class="highlight">FizzBuzz</span>
160+
Problem</a>
161+
<a href="../JS/Remove Duplicates.html" target="tagdesc">43. <span class="highlight">Remove Duplicates</span>
162+
from an Array</a>
163+
<a href="../JS/Check Prime Number.html" target="tagdesc">44. Check if a<span class="highlight"> Number is
164+
Prime</span></a>
165+
<a href="../JS/Generate Fibonacci.html" target="tagdesc">45. Generate <span class="highlight">Fibonacci
166+
Series</span></a>
167+
<a href="../JS/Find Second Largest.html" target="tagdesc">46. Find<span class="highlight"> Second Largest
168+
Number</span> in an Array</a>
169+
<a href="../JS/Check Only Digits.html" target="tagdesc">47. Check if a<span class="highlight"> String
170+
Contains Only Digits</span></a>
171+
<a href="../JS/Find Missing Number.html" target="tagdesc">48. Find <span class="highlight">Missing
172+
Number</span> in an Array</a>
173+
<a href="../JS/Sort Without sort.html" target="tagdesc">49. <span class="highlight">Sort an Array Without
174+
Using sort()</span></a>
175+
<a href="../JS/Find Character Frequency.html" target="tagdesc">50. Find <span class="highlight">Frequency of
176+
Char in a Str</span></a>
177+
<a href="../JS/Check Array Sorted.html" target="tagdesc">51. Check if an <span class="highlight">Array is
178+
Sorted</span></a>
179+
<a href="../JS/Swap Variables.html" target="tagdesc">52. <span class="highlight">Swap Two Var Without Using
180+
Third Var</span></a>
181+
<a href="../JS/Count Vowels Consonants.html" target="tagdesc">54. <span class="highlight">Count Vowels &
182+
Consonants</span> in a String</a>
183+
<a href="../JS/Merge Sort Arrays.html" target="tagdesc">55. <span class="highlight">Merge and Sort Two
184+
Arrays</span></a>
134185
</b>
135186
</div>
136187
</section>

0 commit comments

Comments
 (0)