L'événement input en JavaScript

L'événement suivant que nous allons étudier s'appelle input. Il se déclenche à chaque fois qu'un nouveau caractère est saisi dans un champ de saisie ou une textarea. Regardons un exemple. Supposons que nous ayons un champ de saisie :

html<input id="elem">

À chaque appui sur une touche du clavier, affichons dans la console le contenu actuel du champ de saisie :

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

elem.addEventListener('input', function() {
  console.log(this.value);
});
Задание 1

Un champ de saisie est donné. Du texte y est saisi. Dès que la longueur du texte atteint 5 caractères, affichez un message à ce sujet.

Задание 2

Un champ de saisie est donné. Il est permis d'y saisir 5 caractères. Un paragraphe est également donné. Au fur et à mesure de la saisie des caractères dans le champ, indiquez combien de caractères peuvent encore être saisis. Lorsque le nombre de caractères dépasse 5, affichez dans le paragraphe la valeur du dépassement.