forked from bittu1040/JavaScript-Coding-and-Notes
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
134 lines (117 loc) · 5.24 KB
/
index.html
File metadata and controls
134 lines (117 loc) · 5.24 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<h1>HTML/CSS/JAVASCRIPT</h1>
<input type="text" id="searchInput" placeholder="Search">
<h2>Event delegation</h2>
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<hr>
<h2>Event capturing</h2>
<div id="outer">
<div id="middle">
<div id="inner">
<button id="btn">Click me</button>
</div>
</div>
</div>
<hr>
<h2>Event bubling</h2>
<div id="outer1">
<div id="middle1">
<div id="inner1">
<button id="btn1">Click me</button>
</div>
</div>
</div>
<hr>
<h1>Web workers</h1>
<h2 id="display1">normal output</h2>
<h2 id="display2"> webworker outout</h2>
<button id="button1">normal button</button>
<button id="button2">load large data</button>
<hr>
<h1>Copy text in JavaScript</h1>
<div class=main-box>
<div id="content">
<h2>My Detail</h2>
<p>My name is Bittu Kumar</p>
<p>I am Software developer</p>
</div>
<button id="copy_content">Copy content</button>
</div>
<div style="margin-top: 500px;"></div>
<div style="margin: 20px;">
<a class="projects" href="./Login-screens/linkedin-login-page/index.html">linkedin Login page</a>
</div>
<button type="button" class="collapsible">Click to open JS Question</button>
<div class="content">
<ol>
<li>Reverse an array.</li>
<li>Find the maximum number in an array.</li>
<li>Calculate the sum of all numbers in an array.</li>
<li>Remove duplicates from an array.</li>
<li>Implement a custom sorting algorithm for an array.</li>
<li>Find the intersection of two arrays.</li>
<li>Rotate an array to the right by a specific number of positions.</li>
<li>Find the largest contiguous subarray sum.</li>
<li>Check if an array is a palindrome.</li>
<li>Implement a function to shuffle an array.</li>
<li>Merge two objects into one.</li>
<li>Deeply clone an object.</li>
<li>Serialize and deserialize JSON objects.</li>
<li>Check if two objects are equal (deep comparison).</li>
<li>Transform an array of objects into an object with key-value pairs.</li>
<li>Create a class and demonstrate inheritance.</li>
<li>Iterate over the properties of an object.</li>
<li>Filter an object to include specific key-value pairs based on a condition.</li>
<li>Sort an array of objects based on a specific property.</li>
<li>Simulate private members in JavaScript objects.</li>
<li>Reverse a string.</li>
<li>Check if a string is a palindrome.</li>
<li>Check if two strings are anagrams of each other.</li>
<li>Compress a string by counting consecutive characters.</li>
<li>Capitalize the first letter of each word in a sentence.</li>
<li>Determine if one string is a rotation of another.</li>
<li>Generate all permutations of a string.</li>
<li>Truncate a string to a specified length and add ellipsis if necessary.</li>
<li>Validate if a string contains only valid characters (e.g., alphanumeric).</li>
<li>Count the number of occurrences of a substring in a larger string.</li>
</ol>
</div>
<script src="./index.js"></script>
<script src="./JS-Code-Challenge/flatMap.js"></script>
<!-- <script src="./JS-Code-Challenge/reverseArray.js"></script> -->
<!-- <script src="./JS-Code-Challenge/maxNumberInArray.js"></script> -->
<!-- <script src="./JS-Code-Challenge/sumOfNumbersInArray.js"></script> -->
<!-- <script src="./JS-Code-Challenge/removeDuplicatesFromArray.js"></script> -->
<!-- <script src="./JS-Topics/OOPS-practice.js"></script> -->
<script src="./JS-Code-Challenge/coding-guess-output-1.js"></script>
<!-- <script src="./JS-Code-Challenge/coding-object-array-problem.js"></script> -->
<!-- <script src="./JS-Topics/Nested-function-scope.js"></script> -->
<!-- <script src="./JS-Topics/web-worker.js"></script> -->
<!-- <script src="./JS-Topics/Closure.js"></script> -->
<!-- <script src="./JS-Topics/Currying.js"></script> -->
<script src="./JS-Topics/Generators.js"></script>
<script src="./JS-Topics/iterables-and-iterators.js"></script>
<!-- <script src="./JS-Topics/call-apply-bind.js"></script> -->
<!-- <script src="./JS-Topics/Hoisting.js"></script> -->
<!-- <script src="./JS-Topics/Class.js"></script> -->
<!-- <script src="./JS-Topics/Prototype.js"></script> -->
<!-- <script src="./JS-Topics/this-keyword.js"></script> -->
<!-- <script src="./JS-Topics/Prototypal-inheritance.js"></script> -->
<!-- <script src="./JS-Topics/debounce-throttle.js"></script> -->
<!-- <script src="./JS-Topics/arrow-regular-function.js"></script> -->
<!-- <script src="./JS-Topics/event-delegation.js"></script> -->
<script src="./JS-Topics/copy-text.js"></script>
</body>
</html>