Skip to content
Submitted about 2 years ago

Responsive Card Validation using Vanilla JS.

Vishwajeet Barve•240
@VishwajeetBarve
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive card details form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Question - What did you find difficult while building the project? Answer - Getting all the inputs to work together was a big issue faced during the project.

Question -Which areas of your code are you unsure of? Answer - Only when the number is types i can't get it to spaces after digits. I'll be working on it.

Observation - I think my JS abilities were tested which i absolutely love

Community feedback

  • Hyron•5,870
    @hyrongennikePosted about 2 years ago

    Hi @VishwajeetBarve,

    Nice job on completing the challenge

    On the last 3 input you can swap them for number input currently I can anything including numbers and you can also add the maxlength="2" attribute where 2 is number of character to make sure that no more than 2 or 3 characters can be entered.

    Hope this is helpful.

    0

Please log in to post a comment

Log in with GitHub

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