Воқеаи input дар JavaScript

Воқеаи навбатӣ, ки мо меомӯзем, input ном дорад. Он ҳар дафъае, ки рамзи нав дар вурудӣ ё textarea ворид карда мешавад, ба амал меояд. Биёед бо мисол бубинем. Бигзор мо вурудӣ дошта бошем:

<input id="elem">

Биёед ҳар дафъае ки тугмае аз клавиатура пахш карда мешавад, муҳтавои ҷории вурудӣро ба консол бароварӣ кунем:

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

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

Вуруди дода шудааст. Бигзор матн ба он ворид карда шавад. Вақте ки дарозии матн ба 5-то расид, паёмеро дар бораи ин ба экран чоп кунед.

Вуруди дода шудааст. Бигзор ба он иҷозат дода шавад, ки 5 рамз ворид карда шавад. Инчунин як абзас дода шудааст. Ҳангоми ворид кардани рамзҳо ба вурудӣ нависед, ки чӣ қадар рамзи дигар метавон ворид кард. Вақте ки миқдори рамзҳо аз 5-то зиёд шавад, пас дар абзас чоп кунед ки матн чӣ қадар аз дарозии иҷозатдодашуда зиёд аст.