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 App Solution || Mohammed Faran

@er-faran

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Mcnafaha 240

@TheMcnafaha

Posted

Hello @er-faran,

You should be proud of this app. The programing logic works great, and it is very aesthetically pleasing.

However, I have two suggestions that could make this app a bit better:

One, consider using a form element to improve the keyboard & accessibility. Currently, you need to click on the arrow button to make your app process the input. With a form element, you could just press the "enter" key to make your app process the input.

Second, try implementing the "maxlength" attribute for your text inputs. The "maxlength" attribute would make it so your users can't put more than two strings on your month and day input. And for your year input, your uses wouldn't be able to put more than 4 strings. This should be every easy to add. I suggest you look over this MDN article if you want to add this feature.

Happy coding, and keep it up!

2

@er-faran

Posted

Thanks @TheMcnafaha for your feedback :)

Defiantly i will try to make changes as per your suggestion.

Thank you very much.

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