BeginnerDOM Selection
Tip Calculator
Calculate the final bill from an amount and tip percentage.
Build a tip calculator →JSLearn JavaScript by Building
Build Real JavaScript Projects
Explore beginner-friendly JavaScript projects with live demos and complete HTML, CSS, and JavaScript source code.
- Beginner friendly
- Source code included
- Free access
Choose What You Want to Practice
Browse projects by difficulty or focus on a specific JavaScript concept.
JS
Beginner Projects
Start with approachable projects that build strong JavaScript foundations.
BeginnerDOM Selection
Temperature Converter
Convert user-entered values and display the result instantly.
Build a temperature converter →%202.webp?alt=media&token=7ffdb0b5-c934-43e2-a7a1-029e283cce6f)
BeginnersetTimeout
Testimonial Slider
Move between items while keeping the active content synchronized.
Build a testimonial slider →View all beginner projects
JS
Intermediate Projects
Take on projects with more involved logic and interactions.
IntermediateClick Events
Age Calculator
Calculate someone’s exact age from their selected birth date.
Build an age calculator →
IntermediateFetch API
Recipe Book App
Transform recipe data into useful, dynamic recipe cards.
Build a recipe book app →
IntermediatesetTimeout
Dice Roll Simulator
Build a dice roll simulator with HTML, CSS, and JavaScript while practicing setTimeout and click events.
Build a dice roll simulator →View all intermediate projects
JS
Practice Click Events
Build interfaces that respond clearly to user actions.
Click eventsBeginner
Simple Stopwatch
Control elapsed time with start, stop, and reset actions.
Build a simple stopwatch →
Click eventsBeginner
Video Trailer Popup
Open and close a focused popup while preserving page context.
Build a video trailer popup →
Click eventsBeginner
Tabs Section
Build a tabs section with HTML, CSS, and JavaScript while practicing click events and DOM selection.
Build a tabs section →View all practice click events
JS
Practice JavaScript Timers
Work with timed behavior using setTimeout and setInterval.
JavaScript timersIntermediate
Weight Converter
Convert user-entered values and display the result instantly.
Build a weight converter →
JavaScript timersIntermediate
Random Password Generator
Generate a random password from configurable character options.
Build a random password generator →
JavaScript timersBeginner
Profile Statistics
Build a profile statistics with HTML, CSS, and JavaScript while practicing setTimeout and DOM selection.
Build a profile statistics →View all practice javascript timers
