*It was a challenge to keep the interface intuitive and functional at the same time, but I learned a lot about best practices with JavaScript, event handling, and CSS styling. If I had to do it over again, I would spend more time up front planning the code structure and modularizing features to make them more reusable and maintainable. I would also try to implement more extensive testing to ensure the form's robustness to all kinds of user input.
What challenges did you encounter, and how did you overcome them?One of the main challenges was to correctly handle the validation of numeric input, in particular to avoid invalid input such as letters or null values, and to ensure that the calculation was only performed if all fields were valid. It was also difficult to determine when to show or hide error messages without affecting the user experience. To overcome this, I used addEventListeners on events such as input, keydown, and blur to control the state of each field in real time. I also used conditional validations to provide clear visual feedback. Breaking the logic into reusable functions helped me keep the code more organized and easier to debug.
What specific areas of your project would you like help with?**In particular, I would like help optimizing the validation of numeric input, as it works but could be simplified or better structured according to best practices. I am also interested in improving accessibility and user experience when displaying errors and visual messages, especially on mobile devices. Also, any advice on how to better organize JavaScript code and separate responsibilities between HTML, CSS and JS would be very helpful to scale the project in the future.
