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

Interactive card details form

#react
Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


If i can get constructive criticism on the development of the project, i'll by grateful

Community feedback

@jcbotero

Posted

Hi Diego. Nice Code!. I see that you completed the design. The only thing to comment is that when i click the submit button, maybe you forgot to include the "error message" of the provided challenge. I did it, adding a "pattern" to the input (html) with the instruction "required", and in js you can set an eventlistener for the input. For instance:

html index = <input pattern=".*\S.{6,}.*" required>

js file or = document.querySelectorAll("input").forEach(input => { here you set the inputs must be filled }

I hope this would be useful!. Regards!.

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