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

Caelus 520

@Caelus111

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 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

Posted

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

@Caelus111

Posted

@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

Posted

@Caelus111 Thank you very much 😊

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