Oddzielne komórki do wpisywania liczb

Question

Witam
Potrzebuje zrobić input text do wpisywania liczb tak aby każda komórka zawierała jedną liczbę, oraz aby po wpisaniu liczby w jednej kursor przechodził do komórki obok.
Tak to ma mniej więcej wyglądać:

Pozdrawiam

Comments

input text do wpisywania liczb

Nie prościej zwyczajnie dać typ number?

Answer 1

Tak na szybko można zrobić coś takiego :

<input type="text" maxlength="1" id="1" /><input type="text" maxlength="1" id="2" />

const inputs = document.querySelectorAll('input');
inputs.forEach((input) => {
  input.addEventListener('input', ()=>changeFocus(input.id))})

function changeFocus(id) {
  const number = Number(id);
  let nextID = number+1;
    if(nextID > inputs.length) {
    nextID = 1;
  }
  document.getElementById(nextID).focus()
}

Nikt nie będzie tu robił całego zadania za Ciebie. Wrzuć kod, jaki naskrobałeś i będziemy myśleć.