Methoden focus und blur in JavaScript

Sie wissen bereits, was der Eingabefokus ist. Sie wissen auch, wie man den Fokus setzt oder verliert: Um ihn zu setzen, muss man in das Eingabefeld klicken, und um ihn zu verlieren - an eine andere Stelle.

In JavaScript gibt es jedoch spezielle Methoden, die es erlauben, den Fokus erzwingend in ein Input-Feld zu setzen oder ihn von dort zu entfernen. Dies sind die Methoden focus und blur.

Sehen wir uns ihre Funktionsweise an einem Beispiel an. Angenommen, wir haben folgendes Input-Feld und eine Schaltfläche:

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

Lassen Sie uns beim Klicken auf die Schaltfläche den Eingabefokus in unser Input-Feld setzen:

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

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

Gegeben sind zwei Input-Felder. Sorgen Sie dafür, dass nach der Eingabe von zwei Zeichen der Eingabefokus zum zweiten Input-Feld wechselt, und nach der Eingabe von zwei Zeichen in dieses Input-Feld - der Fokus von ihm entfernt wird.