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.
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
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- SCSS
I have learned a lot about DOM manipulation, I have done the solution with pure javascript, which has helped me a lot to practice my logic for DOM manipulation and to use it better.
The documentation for html, css and javascript has been very helpful, I have been able to practice searching through all the documentation for the relevant information that I need at different times.
I need to keep working and improving my JavaScript, and be able to use it to use libraries and frameworks.
I need to practice by developing more projects, finding new methods and new solutions, and opening my mind to everything that might be possible.
- documentation HTML input number - This helped me for complete all the function of the inputs.
- Stackoverflow - This answered question has helped me complete a problem in javascript that I didn't know how to solve.
- Website - Alejandro Sunuc
- Frontend Mentor - @AlejandroIMP
- Twitter - @AlejandroRtw
I want to thank all the people who have asked their questions on stackoverflow, to be able to find the doubts that I have had and also solve the problems that have put me in a difficult situation.