Skip to content
Submitted 6 months ago

Newsletter Sign-up Form

Caelus•520
@Caelus111
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?

I am proud of the email validation that implemented, it's not perfect but it's working okay for now, maybe later will take more time to make it better.

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

the validation was kinda tricky at first but with little search and thinking, I got it but not as perfect as I want it.

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

I would love how to make my js more readable, so I can write with the normes and convention to write when working professionally or with clients

Community feedback

  • induwara-thisarindu•190
    @induwara-thisarinduPosted 6 months ago

    Hi, your solution looks super good. I wish mine was that way. I can't really notcie any mistakes from my inexperienced eye but I could suggest emptying the email.value field when the success card button is pressed here's how I did it

    dismissButton.addEventListener('click', (e) => {
    containerCard.classList.remove('display');
    successCard.classList.remove("display-show");

    emailEl.value = '';
})

    Hope I was some kind of help 😊

    Marked as helpful
    1
    Caelus•520
    @Caelus111Posted 6 months ago

    @induwara-thisarindu thank you brother, and dont down play your own experience, we are all inexperienced in a way or another... I hope you do well!

    1
    induwara-thisarindu•190
    @induwara-thisarinduPosted 6 months ago

    @Caelus111 Thank you very much 😊

    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