learn-javascript
learn-javascript copied to clipboard
Add example solution for Tip Calculator App (#325)
Description #325
This PR adds a complete Tip Calculator example solution for issue #325. The application demonstrates fundamental JavaScript concepts including DOM manipulation, event handling, and input validation.
Features Implemented
- Bill Amount Input: Numeric input field for bill total
- Tip Selection: Preset percentage buttons (10%, 15%, 20%, 25%) + custom percentage input
- Dynamic Calculations: Real-time tip and total amount calculation
- Split Bill Feature: Divide total among multiple people
- Input Validation: Client-side validation with visual feedback
- Animations: Smooth CSS transitions for result updates
- Responsive Design: Works on different screen sizes
Technical Implementation
- HTML: Semantic structure with proper accessibility
- CSS: Modern styling with gradients, animations, and hover effects
- JavaScript: Clean, commented code with:
- Event-driven architecture
- Input validation functions
- DOM manipulation for results
- Math calculations for tip amounts
@suryaprakash0010 is attempting to deploy a commit to the Suman Kunwar's projects Team on Vercel.
A member of the Team first needs to authorize it.
The latest updates on your projects. Learn more about Vercel for GitHub.
| Project | Deployment | Preview | Comments | Updated (UTC) |
|---|---|---|---|---|
| learn-javascript | Preview | Comment | Oct 6, 2025 11:46pm |
Closing this since there hasnβt been any activity for over a month. Youβre welcome to reopen the PR anytime.