Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
1
Comments
1

vladjsp

@vladjsp40 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Age calculator app. Vanila JS, CSS, HTML


    vladjsp•40
    Submitted over 2 years ago

    0 comments

Latest comments

  • Bruno•260
    @BrunoSousaWD
    Submitted over 2 years ago

    Responsive Using FlexBox.

    1
    vladjsp•40
    @vladjsp
    Posted over 2 years ago

    Hi. I like your solution. It is much better than mine but here's what i see for improvement (keep in mind I'm an intern/junior level). In the js file, you can replace this block of code: dayD.innerText = '--'; monthD.innerText = '--'; yearD.innerText = '--'; by creating a function (resetResult()) for example and replace all 7 of these blocks. It will be more readable and correct due to SOLID principles. The same you can do with class adding and removing. You just can create function that take parameter and replace all boilerplate code (more than 15 replacement).

    CSS. Input fields bounce when an error message appears. You can add 'position: relative' to your 'date-input' class and 'position: absolute; top:85px' to id 'invalid-date'.

    Marked as helpful

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

Frontend Mentor

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

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

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub