Submitted over 1 year ago

Age Calculator application using HTML, CSS, and JavaScript

Jeferson• 130

@jefersonBorges

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Age calculator app

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Excited to share this project —an Age Calculator application using HTML, CSS, and JavaScript. This web application allows users to input their birthdate and calculates their age in years, months, and days. The application features a user-friendly interface, responsive design, and error handling for input validation. I also implemented object-oriented programming and event handling concepts to enhance the functionality. It was a challenging but rewarding project that helped me strengthen my skills in web development and problem-solving.

Community feedback

joshua-gibson• 90

@joshua-gibson

Posted over 1 year ago

Hey, I just finished this one, so I thought I'd have a look at yours. Nice job! Your javascript is very clean. I like that you've made an effort to account for leap years too. And the animation is really cool. I have spotted an issue though. putting in today's date in 2020 should return 2 years, 0 months, 0 days, but returns 2y/11m/29d. moving back by days gets 2y/11m/30d, and then 3y/0m/1d. Meaning, it seems the calculation can never produce Xy/0m/0d. Might be worth another look. I also noticed that your input fields jump out of alignment when an error is present, which looks a bit odd. Apart from that, it looks good. you seem to have put a lot of thought into it and it shows!

Marked as helpful

Jeferson• 130

@jefersonBorges

Posted over 1 year ago

Great! I'll look into it, thanks @joshua-gibson

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord