Evenimentul input în JavaScript

Următorul eveniment pe care îl vom studia, se numește input. Acesta apare de fiecare dată când este introdus un nou caracter într-un câmp de input sau textarea. Să vedem un exemplu. Să presupunem că avem un câmp de input:

<input id="elem">

La fiecare apăsare a unei taste să afișăm în consolă conținutul curent al câmpului de input:

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

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

Este dat un câmp de input. Să presupunem că textul este introdus în el. Imediat ce lungimea textului atinge 5, afișați un mesaj despre aceasta.

Este dat un câmp de input. Să presupunem că în el sunt permise să fie introduse 5 caractere. Este dat și un paragraf. Pe măsură ce se introduc caractere în câmpul de input, scrieți câte caractere mai pot fi introduse. Când numărul de caractere depășește 5, atunci în paragraf afișați cu câte caractere a fost depășită lungimea textului.