templates/login/opt_input.html

@@ -38,41 +38,35 @@ function OTPInput() {
     for (let i = 0; i < inputs.length; i++) {
         // Reset form on init
         inputs[i].value = "";
-    }
 
-    let currIndex = 0;
+        inputs[i].addEventListener('keydown', (event) => {
-
-    document.addEventListener('keydown', (event) => {
             if (event.key === "Backspace") {
-            if (inputs[currIndex].value != "") {
+                if (inputs[i].value != "") {
-                inputs[currIndex].value = '';
+                    inputs[i].value = '';
-            } else if (currIndex > 0) {
+                } else if (i > 0) {
-                inputs[currIndex - 1].value = "";
+                    inputs[i - 1].value = "";
-                inputs[currIndex - 1].focus();
+                    inputs[i - 1].focus();
-                currIndex--;
                 }
             }
 
             // Code has already been typed entirely
-        else if (currIndex === inputs.length - 1 && inputs[currIndex].value !== '')
+            else if (i === inputs.length - 1 && inputs[i].value !== '')
             {
                 return;
             }
 
             // Add new digit
-        else if ((event.keyCode >= 48 && event.keyCode <= 57)
+            else if (event.keyCode >= 48 && event.keyCode <= 57) {
-            || (event.keyCode >= 96 && event.keyCode <= 105)){
+                inputs[i].value = event.key;
-            inputs[currIndex].value = event.key;
+                if (i !== inputs.length - 1)
-            if (currIndex < inputs.length - 1) {
+                    inputs[i + 1].focus();
-                inputs[currIndex + 1].focus();
-                currIndex++;
-            }
                 else
                     submitCode();
             }
 
             event.preventDefault();
         });
+    }
 }
 
 function submitCode() {