Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Mortgage Repayment Calculator

accessibility, pure-css
Caleb Abuul•320
@Caleb-Abuul
A solution to the Mortgage repayment calculator challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am most proud of figuring out how to calculate mortgage repayment and interest. It was a really fun challenge for me personally because as common as a mortgage repayment may seem, I didn't know how to calculate it before now. So this challenge actually challenged me to go and figure it out, and so I did. I was full of excitement when my calculations gave the exact figure as was in the design. I am glad to have worked on this challenge.

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

One of the biggest challenges I encountered was how to calculate the mortgage repayment. Given that I had no prior knowledge on mortgage repayment. So, I hopped onto my computer for a bumpy ride on the internet for an easy pass. And luckily for me Stackoverflow came to the rescue. Another challenge I faced was displaying the pound symbol (£) using JavaScript. for the HTML it was easy I used £ but for JavaScript, well it was stackoverflow to the rescue again. While most of the recommendations I found there were really helpful, but somewhat bulky, I realized that simply writing this "\u00A3" in my JavaScript displayed the (£) symbol. So, I was good to go.

What specific areas of your project would you like help with?

Actually my code has been bulky, and I fear that simple problems that require minimal code get me writing tons of code and I understand that this is not healthy. So, how can I ensure that I write minimal code, whether HTML, CSS and most especially JavaScript?

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Caleb Abuul's solution.

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

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

Frontend Mentor

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

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