Code Review Morning #9
Description
Code review 💯
Hi @ClaudiaRojasSoto ✋
Your project looks amazing and works as expected. Great job! 😄
Higlights ♻️
- The code is divided into separate modules, making it modular and maintainable.
- The main functionality is split into multiple functions and exported appropriately.
- The code is organized into logical sections, such as API interactions, UI interactions, and HTML/CSS.
- The HTML structure is well-organized with appropriate class names for styling and JavaScript manipulation.
- The background image is set dynamically using the backgroundImage variable.
- The DOMContentLoaded event listener is used to initialize the UI interactions once the document is loaded.
We have a few suggestions so you can improve your code to the 100% 😎
I suggest you use a main tag to contain your sections of code about your content, this according to the best HTML practices.
The section tag is used to contain a specific part of code, so it could be better if you use one section for the score table and another for the form.
When you load the page, the content is not showing in the page, for a better user experience I suggest you show the scores.
Optional changes ♻️
- Consider adding more error handling and user feedback for unsuccessful API requests.
- Implement validation for the name and score inputs to ensure they meet the required criteria.
- Use more descriptive variable names and add comments where necessary to improve code readability.