Skip to content
Submitted 3 days ago

Newsletter Signup | M/W

Michael Wilson•160
@mikewil245
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

Dynamically updating the email when the user gets to the success message.

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

As far as my javascript, what could I have improved on ?

Community feedback

  • Roman-oryol•160
    @Roman-oryolPosted 2 days ago

    Hello. Since I'm still learning, I'm not sure if my advice will be helpful. I think styling the input and error message when a form submission fails is best done with CSS. You could create an error class for the block and style the elements that need different styles through this class. Then, when submitting, you only need to add one class, and all styles will be applied. Additionally, to quickly locate elements, you can find one parent element and then look for the child elements within it, because searching through the entire document is a more resource-intensive operation

    Marked as helpful
    1
    Michael Wilson•160
    @mikewil245Posted about 17 hours ago

    @Roman-oryol Thank you for the tips, I just updated the functionality.

    0

Please log in to post a comment

Log in with GitHub

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