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 signupform with success message

arunbabunt 270

@arunbungalowil

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'm really proud of how the form validation and redirection worked out. The system accurately checks for valid email addresses and provides feedback, making the user experience smooth and intuitive. The successful integration of the form with the success message page demonstrates a solid understanding of client-side scripting and user interaction.

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

One of the main challenges was ensuring that the email parameter from the form was correctly passed and displayed on the success page. Initially, the parameter was not being processed correctly, leading to issues with displaying the email address. To tackle this, I carefully reviewed the code responsible for redirecting and parsing URL parameters. I added console logs to track the URL and parameters, which helped in identifying where the issue was occurring. Once I identified the problem, I adjusted the form’s method and ensured the parameter was correctly decoded and displayed. This approach helped in pinpointing and resolving the issue efficiently.

Community feedback

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