Newsletter Sign Up Form with vanilla javascript

Solution retrospective
I'm proud of the final design and that it took less time to finish the graphic part, compared to my last challenge.
What challenges did you encounter, and how did you overcome them?It was challenging to set the javascript part to verify the email address, I'm not sure that I verified all the parameters, if not, please tell me and I'll be happy to listen! In this process, Google was my first ally, I also asked chatGPT in some moments in which I was stuck, just copying/partying my code asking if there were syntax errors
What specific areas of your project would you like help with?For sure there is a faster way to verify that the input email address is actually a valid email address, I would like to know also different ways to do it!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @FacundoDLR
Hi! I´ve already saw your code and I had some comments for you. I hope they are helpful to you.
- I've seen you are using id's for apply styles and this is bad practice. It's always recommended use class atributte to apply CSS styles. The id's only using for javascript.
- One alternative for your Javascript code is using Regex (Regular expresion) for email validation, it is more simple and you can test in HTML without necessitie javascript. Once your validation is working, you can use it in javascript as a constant to use in validation. Everything I've already told you can search on Google or ask ChatGPT he.
Lastly, I apologize if my English is wrong (I'm practicing my English writing), I hope you can understand me. If you have any doubts or questions, you can tell me.
Marked as helpful - @Hasani-Sediqa
Nice job! I think you forgot to add a box shadow to the buttons, You can use something like: box-shadow: 0 4px 8px -1px rgba(255, 0, 0, 0.5); to achieve the effect.
Join 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