Събитие input в JavaScript

Следващото събитие, което ще изучим, се нарича input. То възниква всеки път при въвеждане на нов символ в поле за въвеждане или textarea. Нека разгледаме пример. Нека имаме поле за въвеждане:

<input id="elem">

Нека при всяко натискане на клавиш от клавиатурата да извеждаме в конзолата текущото съдържание на полето за въвеждане:

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

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

Дадено е поле за въвеждане. Нека в него се въвежда текст. Щом дължината на текста достигне 5, изведете на екрана съобщение за това.

Дадено е поле за въвеждане. Нека в него е разрешено да се въведат 5 символа. Даден е също и абзац. Докато се въвеждат символи в полето, пишете още колко символа могат да се въведат. Когато броят на символите надхвърли 5, в абзаца изведете с колко символа е надхвърлена дължината на текста.