This is a solution to the Mortgage repayment calculator challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
My first challenge at frontend Challenge: a mortgage calculator where users input their mortgage information and see monthly repayment and total repayment amounts after submiting a simple form.
Users should be able to:
- Input mortgage information and see monthly repayment and total repayment amounts after submitting the form
- See form validation messages if any field is incomplete
- Complete the form only using their keyboard
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Solution URL: Add solution URL here
- Live Site URL: [Add live site URL here]- [(https://mortgage-calculator-delta.vercel.app/)]
-
Semantic HTML5 markup
-
CSS custom properties
-
Bootstrap - For styles
-
fontAwesome Icons
-
Jquery
Note: These are just examples. Delete this note and replace the list above with your own choices
I learnt more about Jquery and also it's syntax when solving arithmetic problems.
Note: Delete this note and the content within this section and replace with your own learnings.
I want to try to understand more about Jquery DOM manipulations.
- Website - Add your name here
- Frontend Mentor - @yourusername
- Twitter - @yourusername
I want to thank frontend Challenge for the opportunity, first of all, then a friend of mine who is and accounting student she helped me out with thr formula for solving the mortgage.