Методи focus и blur в JavaScript

Вече знаете какво е фокус на въвеждане. Вие също знаете как да зададете или загубите фокуса: за задаване трябва да кликнете в полето за въвеждане, а за загуба - на някое друго място.

В JavaScript обаче съществуват специални методи, които позволяват принудително задаване на фокус в input или премахването му от там. Това са методите focus и blur.

Нека разгледаме тяхната работа с пример. Нека имаме следния input и бутон:

<input id="elem" value="text">
<input type="submit" id="button">

Нека при натискане на бутона зададем фокус на въвеждане в нашия input:

let elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

button.addEventListener('click', function() {
	elem.focus();
});

Дадени са два inputа. Направете така, че след въвеждане на два символа фокусът на въвеждане да преминава към втория input, а след въвеждане на два символа в този input - фокусът от него да се премахне.