Design comparison
Solution retrospective
instead of using frameworks, can be done with plain html,css and javascript,
What challenges did you encounter, and how did you overcome them?Using regex , the main challenge in this project and writing validation logic
What specific areas of your project would you like help with?its kinda easy for the junior level i guess, need to be in newbie category
Community feedback
- @JohnPugh688Posted 7 months ago
Hi Dhanush,
Your project looks good.
One thing i noticed was you forgot to add a function to you dismiss button for returning to your main validation page. You would first need to add an id to your main card and your success card. something like id='Card' and id='successCard' or whatever you want to call them so you have a way of toggling between them. you could then try the following try the following:
function dismiss() { successCard.style.display = "none"; card.style.display = ""; errorMessage.style.display = ""; emailInput.style.background = ""; emailInput.value = ""; emailInput.focus(); }
You could also try and get the success card to display the email address the user entered but il let you have a think about how that might be done.
hope this helps and let me know if you manage to get it to work or even if you think of a better way of doing it.
Good luck
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