Mortgage Calculator using Vanillas JavaScript and ES modules

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

Proud of:

• The FormData used to get the form information
• The toLocaleString() method to give comma format
• The JS code divided into ES Modules

Next time:

• Have a more detailed requirement list
• Optimize the CSS classes
• Separate the JS code into ES modules from the beginning

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

Challenges:

• How to add prefixes and suffixes to the inputs
• How to structure the input type radio in the form
• Styling the input type submit
• The pseudo-classes were not working
• In the Media Queries the dimensions were not working well

Solutions

• Using table display just for the inputs that had a prefix or suffix
• Use a fieldset
• Changing the input with a button tag
• Reading documentation. The focus pseudo-class only works on focusable elements
• The problem was not the display but the width and height

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

Any feedback is well received!