Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

First Solution - Age Calculator

semantic-ui, node
Clinto Bean•130
@clinto-bean
A solution to the Age calculator app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello! Thank you for checking out my solution for this challenge.

This is my first attempt at using vanilla javascript for validation, and did not create individual validation functions for each scenario, rather, I used a sweeping function to check for invalid dates, leap years, etc.

I did my best to get the design as pixel-perfect as possible, but I am sure there are mistakes.

What I am looking for feedback on most are the following.

  • Positioning, I struggled a lot with getting the submit button to be where I needed.
  • Javascript syntax, while I understood what I needed to do, I had to use chatGPT to help me correct my syntax because I kept running into errors, specifically the validation functions.

I am more used to using things such as react which use a virtual DOM and components, so vanilla JS is foreign to me but something I believe is vital to learn before I continue into react, svelte or anything else.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Clinto Bean's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License