Методы focus и blur в JavaScript

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

В JavaScript, однако, существуют специальные методы, которые позволяют принудительно установить фокус в инпут или убрать его оттуда. Это методы focus и blur.

Давайте посмотрим их работу на примере. Пусть у нас есть вот инпут и кнопка:

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

Давайте по нажатию на кнопку установим фокус ввода на наш инпут:

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

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

Даны два инпута. Сделайте так, чтобы после ввода двух символов фокус ввода переходил ко второму инпуту, а после ввода двух символов в этот инпут - фокус из него убирался.