Input notikums JavaScript

Nākamais notikums, ko mēs pētīsim, saucas input. Tas rodas katru reizi, kad ievadlauks vai textarea tiek ievadīts jauns simbols. Apskatīsim piemērā. Pieņemsim, ka mums ir ievadlauks:

html<input id="elem">

Katru reizi, kad tiek nospiests taustiņš uz klaviatūras, izvadīsim konsolē pašreizējo ievadlauka saturu:

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

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

Dots ievadlauks. Ievadīsim tajā tekstu. Tiklīdz teksta garums sasniegs 5, izvadiet ekrānā ziņojumu par to.

Задание 2

Dots ievadlauks. Tajā atļauts ievadīt 5 simbolus. Dots arī rindkopa. Gaitā, kā tiek ievadīti simboli ievadlaukā, rakstiet, cik vēl simbolus var ievadīt. Kad simbolu skaits pārsniegs 5, tad rindkopā izvadiet to, par cik simboliem ir pārsniegts teksta garums.