Mortgage Calculator using JavaScript

Please log in to post a comment
Log in with GitHubCommunity feedback
- @Suganya1990
Great work! A few suggestions:
-
When you click out of an input box, it should check input values and display error messages immediately, rather than waiting for the user to click Submit.
-
The radio button only gets clicked when you click right on the 'Interest Only' or 'Repayment', not when you click anywhere in the box. I ran into this issue as well. I did it with an Angular function that lets me add a class dynamically based on a variable.
[ngClass]="{ active: this.seletedMType === 'Repayment' }"
-
When you select an input, the outline and colour should stay after the user has hovered out. I had this issue. Order of styles - :hover then :focus then :active. This is important.
These are all minor suggestions :D Great Work
Marked as helpful -
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