Skip to content
Submitted 5 months ago

Accessible mortgage calculator

Bakhtiar•380
@b4khtiar
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Mortgage repayment calculator
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?

Trying to utilize inline form validation without using javascript. There's some problems that needs fix, like: if I use :invalid to mark invalid input, the input shows invalid at initial state, I use :user-invalid to fix that, but the :user-invalid does not initialize when user submit untouched input.

Community feedback

  • Yejin Han (한예진)•270
    @Yejin-HanPosted 4 months ago

    First of all, you did a great job! I learned @component and provide/inject.

    What I've thought a little awkward was that both the error message shown by the input required attribute and set by you separately appear, so it makes uncomfortable to see. I don't know because of that or not, the error messages and the error styling came up a little late. I think it's better to let only one of error messages come out.

    Thank you. Happycoding! :)

    0

Please log in to post a comment

Log in with GitHub

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