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

@AlessioValastro

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


I focused my self in the mobile version of the challenge. My questions are about the form validation part: 1)how do I check if the input value is empty? with ' input.value == "" ' or ' input.value == null '? there are some differences? 2)how do I 'force' the space between the numbers in the card number input? I mean both while writing and when I show it in the interactive card.

Thanks for help, any other tip is welcome.

Community feedback

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