Skip to content
Submitted 5 months ago

Newsletter sign-up form with JS error checking & modal success message

Paul Olynek•330
@ePaulo
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?

Mobile-first design with extra time spent trying to match all the interactive design notes.

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

Had to learn how to open and close dialog modals. Added code reset the form and modal after each useage.

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

I think I got fairly close to the design expectations... other than my decision to place the desktop modal visibly over the Newsletter, ie. instead of placing the modal over a dark-color background (visually by itself).

Community feedback

  • Christina•240
    @codercreativePosted 4 months ago

    Hi Paul,

    Christina here from Scrimba -- I am going through the JavaScript Path and your code came up for peer review on my path 😄

    I love your take on the solution, especially how your JavaScript is short, to the point, and very readable.

    Best, Christina

    1
  • Caio Almeida•120
    @caioalmeidaclPosted 4 months ago

    Keep going

    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