Как ввести правильно инпут?

Question

[tonybeat]

Как мне сделать, чтоб при загрузке странице, фокус падал на первый инпут и как я только введу 1 цифру он сразу падал на 2ой инпут и так далее..
а когда дойдет до конца, то будет действие
Вот html, как написать JS

<input className="line-password" type="text" maxLength="1" />
                        <input className="line-password" type="text" maxLength="1"/>
                        <input className="line-password" type="text" maxLength="1"/>
                        <input className="line-password" type="text" maxLength="1"/>

Answer 1

[Сергей Горячев]

https://jsfiddle.net/webirus/vhsq6jah/
Так что ли надо?

Comments

[tonybeat]

Спасибо .почти то) Вопрос : можно ли сделать, чтоб был автофокус на первом инпуте сразу при загрузке странице и допустим при удалении элемента, он тоже прыгал по инпутам только в обратном направлении?или это уже нельзя*?

[tonybeat]

Или как например сделать, чтоб в первый инпут ввел цифру и он бац исчез и потом второй и тоже исчез.как отследить действия после каждого ввода ?

[tonybeat]

и еще консоль ругается на Cannot read property 'getAttribute' of undefined

[Сергей Горячев]

tonybeat: ниже ответ - Загрузка страницы - DOMContentLoaded
Остальные хотелки гугли) Все сделать можно)

Answer 2

[Stalker_RED]

Загрузка страницы - DOMContentLoaded
Ввод цифры - keydown или keyup, например. По хорошему, можно проверять там-же цифра нажата, буква или что-то еще.
Следующий элемент - nextElementSibling, и focus() на него.
Если следующий не найден - значит конец, и вызывайте свое действие.