Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Age Calculator with Vanilla TS and Tailwindcss

@ArthurWiliams

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Trying to improve my vanilla Typescirpt skills with this one.

Any feedback is welcome.

Community feedback

@nermeennasim

Posted

what year did you put in? 2012,2013 ,2017 day I chose was 31st Nov to check, 31 April and 29th Feb it should give etror what age did it give you? 10years something, 9years something, then 6 years something, which browser are you using? Chrome browser

1

@ArthurWiliams

Posted

Thank you for your feedback.

I tried to replicate the problem in Chrome and I tried all the dates you have given me.

Dates that don't have 31 days like: Nov 31, Apr 31 and June 31 all display proper errors.

But dates like Feb 29, 2012 don't display errors because that year is a leap year.

I plan to improve the way validation is done so hopefully the issue will be solved.

If anyone else experiences this issue please, do post about it. Or better yet open an issue on this solution's repo and send a screenshot of the issue.

@nermeennasim Thank you and sorry if I was annoying.

Edit: after testing this with some friends, you are right! It does not show errors with my friends but it does with me. This is very weird.

0

@nermeennasim

Posted

Hey Arthur I just checked your app is beautiful just have some validation issue when I did Nov 31, it dint give me error, and gave me the age

1

@ArthurWiliams

Posted

@nermeennasim Thanks.

I tested it on Nov 31 and it does display an error.

Did you enter it like this?

  • Day 31
  • Month 11
0

@nermeennasim

Posted

@ArthurWiliams yes I did exactly like this, I entered day 31, then month 11

0

@ArthurWiliams

Posted

@nermeennasim May I ask:

  • what year did you put in?
  • what age did it give you?
  • which browser are you using?
0

@nermeennasim

Posted

@ArthurWiliams 2012

0

@ArthurWiliams

Posted

@nermeennasim Can you please answer my other questions?

0

@nermeennasim

Posted

@ArthurWiliams

I tried to put 2012 2013 2017 along with 31 11, 31 April(04) and I also tried Feb 29, respectively it should have given error. But rather it calculated the age.

Second I am using chrome browser, age was correct acc to year but I am talking about Date validation.

1

@ArthurWiliams

Posted

@nermeennasim Again thank you for your feedback.

The issue has be solved.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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