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

Intro component with sign-up form

Jiwon Suh 210

@suhjiwon95

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Updated Solution!

  1. Cleaner HTML, CSS, and JS
  2. Added a confirmation page once form submission is successfully completed.

Community feedback

Stefan 650

@stfnpczk

Posted

Looks great Jiwon!

An other way to approach the input validation is to use a loop for the nodelist elements of the form. That way you only need to write one input verifier and can check all the fields together whether an input was made or not. To better understand what I mean, you can see my js of the challenge here .

Happy coding :)

Marked as helpful

1

Jiwon Suh 210

@suhjiwon95

Posted

@stfnpczk Hi Stefan!

This is exactly what I wanted!!

I was pretty sure there would be an easier way, but couldn’t figure it out.

Thank you a lot. It helped so much 🥹

0
Stefan 650

@stfnpczk

Posted

You're welcome @suhjiwon95 . I'm glad I could help 🙂

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