Design comparison
Solution retrospective
Be sure that your feedback will be much appreciated. Happy coding.
Community feedback
- @vladjspPosted over 1 year ago
Hi. I like your solution. It is much better than mine but here's what i see for improvement (keep in mind I'm an intern/junior level). In the js file, you can replace this block of code: dayD.innerText = '--'; monthD.innerText = '--'; yearD.innerText = '--'; by creating a function (resetResult()) for example and replace all 7 of these blocks. It will be more readable and correct due to SOLID principles. The same you can do with class adding and removing. You just can create function that take parameter and replace all boilerplate code (more than 15 replacement).
CSS. Input fields bounce when an error message appears. You can add 'position: relative' to your 'date-input' class and 'position: absolute; top:85px' to id 'invalid-date'.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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