Fokusavimo ir Blur metodai JavaScript

Jūs jau žinote, kas yra įvesties fokusas. Jūs taip pat žinote, kaip nustatyti ar prarasti fokusą: norint nustatyti reikia spustelėti įvesties laukelyje, o norint prarasti - į kurią nors kitą vietą.

JavaScript, tačiau, egzistuoja specialūs metodai, kurie leidžia priverstinai nustatyti fokusą įvesties laukelyje arba jį pašalinti iš ten. Tai metodai focus ir blur.

Pažiūrėkime jų veikimą pavyzdžiu. Tebūnie mes turime štai įvesties laukelį ir mygtuką:

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

Spustelėjus mygtuką nustatykime įvesties fokusą mūsų įvesties laukelyje:

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

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

Duoti du įvesties laukeliai. Padarykite taip, kad po įvedus du simbolius įvesties fokusas pereitų prie antrojo įvesties laukelio, o po dviejų simbolių įvedimo į šį įvesties laukelį - fokusas iš jo būtų pašalintas.