Как сделать автотабуляцию?

Question

[Антон]

У меня есть 4 разных инпута, в которые вводится по 1 символу. Возник вопрос, как реализовать следующее:
1) Перенос фокуса на следующий инпут при заполнении текущего?
2) Перенос фокуса на предыдущий инпут при удалении символа в текущем(при нажатии Backspace)?
Вот заготовка: Codepen

Буду благодарен за предоставленные идеи и возможные решения!

Comments

[FeST1VaL]

как по мне переход назад не нужен, а вперед просто следите за изменением инпута, если символов больше 1, то переходим к следующему и делаем фокус

Answer 1

[0xD34F]

https://jsfiddle.net/zw4k6vsu/

Answer 2

[Антон]

https://jsfiddle.net/f0nhcke2/