Submitted over 1 year ago

Age calculator in Angular

Bálint Balázsi• 260

@oroszlanolo

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

I am learning angular right now, and in this exercise, I have learned about forms and form validation.

I am not satisfied with the long template expressions in my form. I would've liked to create some variables for them in the component class, but I am unsure how to do it. Also, I am unsure about the working of the Angular change detection. I will further explore this area in the future.

Community feedback

Josip Brekalo• 190

@Pegula00

Posted over 1 year ago

Looks spot on, but check a bit the year calculation part and error handling. For example, if we put in the date 1/1/1 it says it was 122 years ago and should be much more. Also check out a bit the error messages, if we put the year in the future the error message states that the day is wrong and there should be an error message specific to the year input. Hope this helps to improve your app :)

Marked as helpful

Bálint Balázsi• 260

@oroszlanolo

Posted over 1 year ago

Thanks, @Pegula00

I have fixed the issues you have mentioned. The Date constructor did not handle years 0-99 the way I was expecting. Also the error message was a simple copy-paste issue

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