Событие input в JavaScript

Следующее событие, которое мы с вами изучим, называется input. Оно возникает каждый раз при вводе нового символа в инпут или textarea. Посмотрим на примере. Пусть у нас есть инпут:

<input id="elem">

Давайте при каждом нажатии кнопки на клавиатуре будем выводить в консоль текущее содержимое инпута:

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

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

Дан инпут. Пусть в него вводится текст. Как только длина текста достигнет 5-ти, выведите на экран сообщение об этом.

Дан инпут. Пусть в него разрешено ввести 5 символов. Дан также абзац. По мере ввода символов в инпут пишите, сколько еще символов можно ввести. Когда количество символов превысит 5-ти, то в абзац выводите то, на сколько символов превышена длина текста.