Design comparison
Solution retrospective
This was a fun project, but my JavaScript is quite long so any feedback would be greatly appreciated.
Community feedback
- @DevibtissamPosted about 2 years ago
Hi,
- in addition to what Florent mentioned, try to find a way to remove all the styles of errors occurred when the user starts again typing, you can do that by using the event keypress and loop throughout the input fields.
- it's important the be aware of HTML semantic structure, each section article .. should have at least one heading level, and all heading levels should be increased only by one.
hope this helps!
Marked as helpful1 - @florent6001Posted about 2 years ago
Hi,
As you can see, you have to check for empty fields, the most or fields have the same error message so you can just pass a loop with the fields name to verify each one.
I did it in my solution, you can check it out how it's done: https://www.frontendmentor.io/challenges/intro-component-with-signup-form-5cf91bd49edda32581d28fd1/hub/intro-component-with-signup-form-tailwindcss-and-vanillajs-1oEtQEVjfZ
Marked as helpful1@romila2003Posted about 2 years ago@florent6001 Thanks for your feedback, I appreciate it. I just changed my code and included the
for
loop to make it easier, instead of repeating the codes so thanks again.0
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