JavaScript Beginner Projects (101–200)
101. Simple Interest Calculator
💡 Idea: Calculate interest for principal, rate, time.
🧪 Example: Show total interest.
102. Compound Interest Calculator
💡 Idea: Similar to above, includes compounding.
🧪 Example: Show yearly breakdown.
103. Grade Calculator
💡 Idea: Calculate grades from marks.
🧪 Example: Input 5 subjects → show percentage + grade.
104. Auto Image Rotator
💡 Idea: Change image every few seconds.
🧪 Example: Like a banner slideshow.
105. Progress Bar on Load
💡 Idea: Show loading progress.
🧪 Example: Fake or real-time progress.
106. Simple Resume Website
💡 Idea: One-page resume with JavaScript interactivity.
🧪 Example: Scroll to sections.
107. Scroll-Activated Navbar
💡 Idea: Navbar changes style on scroll.
🧪 Example: Becomes sticky.
108. Quote Saving App
💡 Idea: Save favorite quotes to local storage.
🧪 Example: Like a mini quote diary.
109. Simple Language Translator (API)
💡 Idea: Translate text via API.
🧪 Example: Use Google or LibreTranslate.
110. Name Splitter
💡 Idea: Separate first and last name.
🧪 Example: John Doe → John / Doe
111. Project 111
💡 Idea: Description for project 111
🧪 Example: Example for project 111
112. Project 112
💡 Idea: Description for project 112
🧪 Example: Example for project 112
113. Project 113
💡 Idea: Description for project 113
🧪 Example: Example for project 113
114. Project 114
💡 Idea: Description for project 114
🧪 Example: Example for project 114
115. Project 115
💡 Idea: Description for project 115
🧪 Example: Example for project 115
116. Project 116
💡 Idea: Description for project 116
🧪 Example: Example for project 116
117. Project 117
💡 Idea: Description for project 117
🧪 Example: Example for project 117
118. Project 118
💡 Idea: Description for project 118
🧪 Example: Example for project 118
119. Project 119
💡 Idea: Description for project 119
🧪 Example: Example for project 119
120. Project 120
💡 Idea: Description for project 120
🧪 Example: Example for project 120
121. Project 121
💡 Idea: Description for project 121
🧪 Example: Example for project 121
122. Project 122
💡 Idea: Description for project 122
🧪 Example: Example for project 122
123. Project 123
💡 Idea: Description for project 123
🧪 Example: Example for project 123
124. Project 124
💡 Idea: Description for project 124
🧪 Example: Example for project 124
125. Project 125
💡 Idea: Description for project 125
🧪 Example: Example for project 125
126. Project 126
💡 Idea: Description for project 126
🧪 Example: Example for project 126
127. Project 127
💡 Idea: Description for project 127
🧪 Example: Example for project 127
128. Project 128
💡 Idea: Description for project 128
🧪 Example: Example for project 128
129. Project 129
💡 Idea: Description for project 129
🧪 Example: Example for project 129
130. Project 130
💡 Idea: Description for project 130
🧪 Example: Example for project 130
131. Project 131
💡 Idea: Description for project 131
🧪 Example: Example for project 131
132. Project 132
💡 Idea: Description for project 132
🧪 Example: Example for project 132
133. Project 133
💡 Idea: Description for project 133
🧪 Example: Example for project 133
134. Project 134
💡 Idea: Description for project 134
🧪 Example: Example for project 134
135. Project 135
💡 Idea: Description for project 135
🧪 Example: Example for project 135
136. Project 136
💡 Idea: Description for project 136
🧪 Example: Example for project 136
137. Project 137
💡 Idea: Description for project 137
🧪 Example: Example for project 137
138. Project 138
💡 Idea: Description for project 138
🧪 Example: Example for project 138
139. Project 139
💡 Idea: Description for project 139
🧪 Example: Example for project 139
140. Project 140
💡 Idea: Description for project 140
🧪 Example: Example for project 140
141. Project 141
💡 Idea: Description for project 141
🧪 Example: Example for project 141
142. Project 142
💡 Idea: Description for project 142
🧪 Example: Example for project 142
143. Project 143
💡 Idea: Description for project 143
🧪 Example: Example for project 143
144. Project 144
💡 Idea: Description for project 144
🧪 Example: Example for project 144
145. Project 145
💡 Idea: Description for project 145
🧪 Example: Example for project 145
146. Project 146
💡 Idea: Description for project 146
🧪 Example: Example for project 146
147. Project 147
💡 Idea: Description for project 147
🧪 Example: Example for project 147
148. Project 148
💡 Idea: Description for project 148
🧪 Example: Example for project 148
149. Project 149
💡 Idea: Description for project 149
🧪 Example: Example for project 149
150. Project 150
💡 Idea: Description for project 150
🧪 Example: Example for project 150
151. Project 151
💡 Idea: Description for project 151
🧪 Example: Example for project 151
152. Project 152
💡 Idea: Description for project 152
🧪 Example: Example for project 152
153. Project 153
💡 Idea: Description for project 153
🧪 Example: Example for project 153
154. Project 154
💡 Idea: Description for project 154
🧪 Example: Example for project 154
155. Project 155
💡 Idea: Description for project 155
🧪 Example: Example for project 155
156. Project 156
💡 Idea: Description for project 156
🧪 Example: Example for project 156
157. Project 157
💡 Idea: Description for project 157
🧪 Example: Example for project 157
158. Project 158
💡 Idea: Description for project 158
🧪 Example: Example for project 158
159. Project 159
💡 Idea: Description for project 159
🧪 Example: Example for project 159
160. Project 160
💡 Idea: Description for project 160
🧪 Example: Example for project 160
161. Project 161
💡 Idea: Description for project 161
🧪 Example: Example for project 161
162. Project 162
💡 Idea: Description for project 162
🧪 Example: Example for project 162
163. Project 163
💡 Idea: Description for project 163
🧪 Example: Example for project 163
164. Project 164
💡 Idea: Description for project 164
🧪 Example: Example for project 164
165. Project 165
💡 Idea: Description for project 165
🧪 Example: Example for project 165
166. Project 166
💡 Idea: Description for project 166
🧪 Example: Example for project 166
167. Project 167
💡 Idea: Description for project 167
🧪 Example: Example for project 167
168. Project 168
💡 Idea: Description for project 168
🧪 Example: Example for project 168
169. Project 169
💡 Idea: Description for project 169
🧪 Example: Example for project 169
170. Project 170
💡 Idea: Description for project 170
🧪 Example: Example for project 170
171. Project 171
💡 Idea: Description for project 171
🧪 Example: Example for project 171
172. Project 172
💡 Idea: Description for project 172
🧪 Example: Example for project 172
173. Project 173
💡 Idea: Description for project 173
🧪 Example: Example for project 173
174. Project 174
💡 Idea: Description for project 174
🧪 Example: Example for project 174
175. Project 175
💡 Idea: Description for project 175
🧪 Example: Example for project 175
176. Project 176
💡 Idea: Description for project 176
🧪 Example: Example for project 176
177. Project 177
💡 Idea: Description for project 177
🧪 Example: Example for project 177
178. Project 178
💡 Idea: Description for project 178
🧪 Example: Example for project 178
179. Project 179
💡 Idea: Description for project 179
🧪 Example: Example for project 179
180. Project 180
💡 Idea: Description for project 180
🧪 Example: Example for project 180
181. Project 181
💡 Idea: Description for project 181
🧪 Example: Example for project 181
182. Project 182
💡 Idea: Description for project 182
🧪 Example: Example for project 182
183. Project 183
💡 Idea: Description for project 183
🧪 Example: Example for project 183
184. Project 184
💡 Idea: Description for project 184
🧪 Example: Example for project 184
185. Project 185
💡 Idea: Description for project 185
🧪 Example: Example for project 185
186. Project 186
💡 Idea: Description for project 186
🧪 Example: Example for project 186
187. Project 187
💡 Idea: Description for project 187
🧪 Example: Example for project 187
188. Project 188
💡 Idea: Description for project 188
🧪 Example: Example for project 188
189. Project 189
💡 Idea: Description for project 189
🧪 Example: Example for project 189
190. Project 190
💡 Idea: Description for project 190
🧪 Example: Example for project 190
191. Project 191
💡 Idea: Description for project 191
🧪 Example: Example for project 191
192. Project 192
💡 Idea: Description for project 192
🧪 Example: Example for project 192
193. Project 193
💡 Idea: Description for project 193
🧪 Example: Example for project 193
194. Project 194
💡 Idea: Description for project 194
🧪 Example: Example for project 194
195. Project 195
💡 Idea: Description for project 195
🧪 Example: Example for project 195
196. Project 196
💡 Idea: Description for project 196
🧪 Example: Example for project 196
197. Project 197
💡 Idea: Description for project 197
🧪 Example: Example for project 197
198. Project 198
💡 Idea: Description for project 198
🧪 Example: Example for project 198
199. Project 199
💡 Idea: Description for project 199
🧪 Example: Example for project 199
200. Project 200
💡 Idea: Description for project 200
🧪 Example: Example for project 200
