learn-javascript icon indicating copy to clipboard operation
learn-javascript copied to clipboard

Add example solution for Tip Calculator App (#325)

Open suryaprakash0010 opened this issue 3 months ago β€’ 2 comments

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 avatar Oct 06 '25 12:10 suryaprakash0010

@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.

vercel[bot] avatar Oct 06 '25 12:10 vercel[bot]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
learn-javascript Ready Ready Preview Comment Oct 6, 2025 11:46pm

vercel[bot] avatar Oct 06 '25 23:10 vercel[bot]

Closing this since there hasn’t been any activity for over a month. You’re welcome to reopen the PR anytime.

sumn2u avatar Nov 22 '25 12:11 sumn2u