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 sign-up form with success message using HTML, CSS, JS.

@fitalvojosephine

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 am proud that I finally finished this challenge. Next time, I will do more research and dig deeper into learning the structure of the DOM, validation, and submission. Honestly, this is where I got stuck. But with the help of YouTube and ChatGPT, I made it. Thank you, Google, YouTube, and ChatGPT.

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

First, I encountered challenges in the layout and figuring out how to structure my HTML and CSS to implement the DOM. So, I researched it, read some other developers' code, and tried applying it to my own code, eventually finding my own way. I am happy that I overcame it all, including mobile responsiveness, which I managed with the help of reading documentation and implementing it in my CSS code.

The hardest part was the JS fundamentals of form validation. I researched it to understand how it works, including the functionality of addEventListener, using if statements for error messages, displaying elements using the DOM, toggling state to hide the form, and the regex for invalid email validation. This was really challenging, but I had fun and didn't give up. I must learn more and apply this knowledge to other challenging projects.

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

So far none. #HappyCodingEveryone

Community feedback

Dipesh 430

@Dipesh-sapkota1

Posted

Congratulation on completion of your project

0

@fitalvojosephine

Posted

@Dipesh-sapkota1 Thank you!

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