Metodi focus e blur in JavaScript

Hai già familiarità con il concetto di focus di input. Sai anche come impostare o perdere il focus: per impostarlo devi cliccare sul campo input, e per perderlo - cliccare in un altro punto.

In JavaScript, tuttavia, esistono metodi speciali che permettono di impostare forzatamente il focus in un input o di rimuoverlo. Questi sono i metodi focus e blur.

Vediamo il loro funzionamento con un esempio. Supponiamo di avere un input e un pulsante come questi:

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

Facciamo in modo che cliccando sul pulsante si imposti il focus di input sul nostro campo:

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

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

Ci sono due input. Fai in modo che dopo l'inserimento di due caratteri il focus di input passi al secondo input, e dopo l'inserimento di due caratteri in questo input - il focus venga rimosso.