Fixed- Allow only numbers in input field

[kunal00000]

Description

Please include a summary of the change and which issue is fixed.

Fixes #18

Replace issue_no with the issue number which is fixed in this PR

Type of change

Please delete options that are not relevant.

• [x] Bug fix (non-breaking change which fixes an issue)

Checklist:

• [x] My code follows the style guidelines(Clean Code) of this project
• [x] I have performed a self-review of my own code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] I have created a helpful and easy to understand README.md
• [ ] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [ ] I have added tests/screenshots(if any) that prove my fix is effective or that my feature works

[kunal00000]

You can merge this branch now.

[DevilsAutumn]

I think it still needs improvement.

[kunal00000]

@DevilsAutumn review it once. on pressing keys faster it may leave boxes but while verifying codes we press it slowly. so have a look.

[DevilsAutumn]

@DevilsAutumn review it once. on pressing keys faster it may leave boxes but while verifying codes we press it slowly. so have a look.

try this logic in your js file and see if it causes any error.

codes.forEach((code, idx) => {
  code.addEventListener("keydown", (e) => {
    if (e.keyCode >= 48 && e.keyCode <= 57 && codes[idx].value == "") {
      setTimeout(() => codes[idx + 1].focus(), 10);
    } else if (e.key === "Backspace") {
      codes[idx - 1].value = "";
      setTimeout(() => codes[idx - 1].focus(), 10);
    } else if (e.key === "Enter") {
      for (var i = 0; i < codes.length; i++) {
        codes[i].value = "";
      }
      codes[0].focus();
    } else {
      codes[idx].value = "";
      codes[idx].value = e.key;
      e.preventDefault();
    }
  });
});

[kunal00000]

yes, it worked flawlessly. Thanks , I got to learn new stuffs from this. maxlength , keyup keydown , preventDefault properties and working. 👍🏻

[DevilsAutumn]

yes, it worked flawlessly. Thanks , I got to learn new stuffs from this. maxlength , keyup keydown , preventDefault properties and working. 👍🏻

Thats great!