Skip to content
Submitted about 2 months ago

Age Calculator: Vanilla JS + countUp for animations

Michael Degorre•160
@MDEGORRE
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Age calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • it was tough to work with dates but managed to find a lot of ressources🖥️. I wanted to check every possibilities (leap years) but did not manage negative years.
  • i used countUp dependency to animate the result.
What challenges did you encounter, and how did you overcome them?
  • issues with date below 0. still needs to be fixed.
  • i can not put spaces around the arrow inside the button.
What specific areas of your project would you like help with?
  • i do not know if using interval in milliseconds is a good solution maybe it makes negative years values not working.
  • should i use required / min / max html attributes for inputs ?

Community feedback

Please log in to post a comment

Log in with GitHub

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