Das input-Ereignis in JavaScript

Das nächste Ereignis, das wir studieren werden, heißt input. Es tritt jedes Mal auf, wenn ein neues Zeichen in ein Input-Feld oder textarea eingegeben wird. Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben ein Input-Feld:

html<input id="elem">

Lassen Sie uns bei jedem Tastendruck den aktuellen Inhalt des Input-Felds in der Konsole ausgeben:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('input', function() {
  console.log(this.value);
});

Задание 1

Gegeben ist ein Input-Feld. Es soll Text eingegeben werden. Sobald die Textlänge 5 erreicht, geben Sie eine entsprechende Meldung auf dem Bildschirm aus.

Задание 2

Gegeben ist ein Input-Feld. Es dürfen 5 Zeichen eingegeben werden. Ebenso gegeben ist ein Absatz. Geben Sie während der Eingabe in den Input fortlaufend an, wie viele Zeichen noch eingegeben werden können. Wenn die Anzahl der Zeichen 5 überschreitet, dann geben Sie im Absatz aus, um wie viele Zeichen die Textlänge überschritten wurde.