Submitted about 1 year ago

News letter sign up

Brandon Alobwede• 470

@BrandaoA

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Newsletter sign-up form with success message

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

This exercise was not easy for me but i managed to complete. I was not able to change the border color and the background color of the input when the error message appears. Please I will really need some help on how it should be done. Thanks and waiting for your feedbacks and comments.

Community feedback

Monsij Bayan• 70

@monsij-07

Posted about 1 year ago

You can change the properties by targeting the Input tag in JavaScript and then changing the value of the properties (i.e., background color and border) when the input value is invalid.
Also, you can show the exact input value of Email on the Success Page Message by targeting the received email using DOM and then changing its textContent in JavaScript.

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