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

WANYIKEโ€ข 120

@wanyike

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


All feedback is welcomed thank you in advance.

Community feedback

@MelvinAguilar

Posted

Hello there ๐Ÿ‘‹. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

  • Your script <s cript src="./styles.js"></s cript> references the styles.js file in the same folder as the HTML. However, your JavaScript file is located in the /design/ folder as /design/styles.js. Therefore, the JavaScript file is never called, and every time the button is clicked, the page reloads.
  • You should consider validating the content of the input <input type="email" id="email" placeholder="[email protected]"> to ensure it is always a valid email address. If a user enters a number, it may not be a valid email, and it could lead to unexpected behavior. For proper email validation, you may want to explore tutorials on YouTube or other resources.

I hope you find it useful! ๐Ÿ˜„

Happy coding!

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