Skip to content
Submitted 7 months ago

Age-Calculator using Javascript

Abhradip Roy•60
@Abhraroy
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 challenges did you encounter, and how did you overcome them?

The first challenge was how to get the current date , i found out about the date object in js and used it get over it.

What specific areas of your project would you like help with?

i need help with making the final result animative . as the user fill the day month year the final age calculate and show via animation.

Community feedback

  • Ortaly•970
    @ortalyartsPosted 7 months ago

    Hey @Abhraroy!

    Congratulations on completing the challenge!

    For animating the counter of the age you can use the method explained in this article Animating Number Counters.

    As for the validation, the app shouldn't allow to enter 0 or letters in the fields.

    Also for better user experience, remove the red color from the labels (as in the design file) if there is no error.

    I hope you find this helpful! Cheers 🍭

    0
    Abhradip Roy•60
    @AbhraroyPosted 7 months ago

    @ortalyarts Thanks for your valuable guidance, i will definitely learn the method of animating the numbers and as for validation i will try to improve it

    1

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