Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

newsletter signup with success message HTML CSS and JS

Juan 480

@JEWebDev

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I think i got the design near pixel perfect, it looks really nice

What challenges did you encounter, and how did you overcome them?

It was my first time using forms, i still have a lot of questions. I was considering to just check if the user uses an @ in the input. But then i decided to use regex instead.

I didn't knew how to show the success message and considered to put it in a separate html file. But in that case it will be difficult to share data between them, so i just hid the form and message as needed.

What specific areas of your project would you like help with?

I want to know if the way i did it is correct or there is another optimal way of doing it. in terms of handling the form submit and all that. It will be greatly appreciated.

Community feedback

khalagai 300

@khalagai

Posted

Pixel perfect solution. I also went with the 'hide" solution on my challenge. I like how you handled the error states, I will borrow some code here.

0

Juan 480

@JEWebDev

Posted

Hello @khalagai!

Thank you! I hope it helps!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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