Interactive Card using HTML CSS and JS

Community feedback

• 

  P

  SabaMarghania1•530

  @SabaMarghania1Posted 5 months ago

  In design, you already know what you need to do, but make sure to include an easy feature for user experience. When a person types, automatically insert a space after every four digits. you can find it in my code, or on a stackoverflow

  const input = document.getElementById("credit-card-input"); input.addEventListener("input", () => input.value = formatNumber(input.value.replaceAll(" ", "")));

  use this, but make sure that you understand what you are doing here! const formatNumber = (number) => number.split("").reduce((seed, next, index) => { if (index !== 0 && !(index % 4)) seed += " "; return seed + next; }, "");

  0