Responsive Credit-Card detail

Community feedback

• 

  Tomasz Zawadzki•340

  @ExpertoMontaneroPosted over 1 year ago

  Hello, the solution is perfect 1:1. But in my solution I added feature that after 4 numbers ''-'' sign is added automaticly. It would be great further development of this function :

  // Dived values on blocks of 4

  let groups = value.match(/(\d{1,4})/g); // Join group with space in the middle if (groups !== null) { value = groups.join(" "); }

  This modified function is in my solution. LINK:

  https://www.frontendmentor.io/solutions/use-of-jquerry-bootstrap5-semantic-html-css-RyU0qaod7i

  Hope that I helped, maybe not about your solution, beacuse it is perfect and 1:1 to design but this ''-'' sign feature is awesome for me. Happy coding :>

  0