Design comparison
SolutionDesign
Solution retrospective
My first attempt to use JavaScript, any feedback is appreciated
Community feedback
- @savvystriderPosted over 1 year ago
Looks great!
I recommend the following updates:
- Right now, I can submit the form without typing anything into the input values, or by only filling in certain input fields. Make sure to set up an event listener on the form or on the button click to prevent that from happening.
- The cardholder name is lower case. On credit cards they're upper cased. Change the input value to uppercase with the ".toUpperCase()" method.
- Limit the amount of numbers/characters the user can type into the "Card Number", "Exp date" and "CVC" input fields/
- Work on making the layout responsive. Changing screen size currently warps the layout.
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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