These are the third part of the 100 Javascript Projects series. You can check out the first two parts here down below.
Video Tutorial:
If you are interested in watching a compilation video of all the project demos instead of reading this blog post, you can check out the video down below.
If you like this video, subscribe to my youtube channel where I post new tutorials related to HTML, CSS and Javascript every alternate day. Furthermore, I post multiple choice questions related to HTML, CSS and Javascript.Â
You can check out all these tutorials in one place in this playlist here. This playlist from my youtube channel now has over 100 javascript projects. The difficulty level of these projects varies from simple to quite complex. Hence the projects from this playlist are suitable for all kinds of learners including javascript beginners to experts.
The projects included in this video are:
- Simple Interest Calculator
- Interactive Panda Form
- Drawing App
- Captcha Generator
- Detect Battery Status
- Counter
- Time-Based Dynamic Greetings
- Flags Game
- Predictive Text On Input Fields
- Live Character Count
- Box Shadow Generator
- Product Image Zoom
- Testimonial Slider
- Working Record Player
- Generate Snowflake On Click
- Random Hex Code Generator
- Geometric Art Generator
- Get User Location
- Tabs
- Custom Video Player
- Form Validation
- Responsive Countdown To A Certain Date
- Monster Maker
- Random Gradient Generator
- Custom Icecream Majer
- Currency Formatter
- Spin Wheel App
- Detect Key Presses & Key Codes
- Fun With Text
- Copy To Clipboard From Input Element
- Detect User Browser & OS
- Get Mouse Position
- Number Trivia App
- Weight Converter
- Decimal-Binary Converter
- Random Number Between A Given Range
- Aspect Ratio Calculator
- Find Leap Years In A Given Range
- Pixel-EM Converter
- Random User Card Generator
I hope you enjoyed this project. You can watch the video tutorial for each of these projects on my youtube channel. Also, you can download the source code for these projects from my website. If you have any queries, suggestions or feedback you can comment below.
Happy coding!
