Submitted 25 days ago

Newsletter sign-up form with success message solution

Ataize Feitosa•200

@Ataize

Preview site View code

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'm proud to have managed to finish the project.

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

The challenge of validating the email field using native HTML5 validation and displaying error messages using the validationMessage property.

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

I would like to know if the logic I used was good or if I could do it in a simpler way. Any suggestions for improvements will help me do better next time.

Community feedback

Rohloffmeister•350
@RohloffmeisterPosted 25 days ago
Looks pretty good. Only thing i would add is a way to change the email in the success window to the email input

yourtext.innerHTML = yourtext.innerHTML.replace( "[email protected]",email );

This would replace "[email protected]" with the email that was set in the input box. "yourtext" is the variable where you have to save your paragraph in. You could add the code in your "saveEmail" Function.

kind regards, Ulrich
Marked as helpful
1
Ataize Feitosa•200
@AtaizePosted 24 days ago
@Rohloffmeister, Thank you very much for your observation, I had forgotten about that. I'll adjust it right now.
1

Please log in to post a comment

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