Input esemény a JavaScript-ben

A következő esemény, amelyet tanulmányozunk, az input. Akkor következik be, amikor egy új karaktert írnak be egy beviteli mezőbe vagy egy textarea-ba. Nézzünk egy példát. Tegyük fel, hogy van egy beviteli mezőnk:

html<input id="elem">

Minden alkalommal, amikor lenyomunk egy billentyűt, írjuk ki a konzolra a beviteli mező aktuális tartalmát:

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

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

Задание 1

Adott egy beviteli mező. Tegyük fel, hogy szöveget írnak bele. Amint a szöveg hossza eléri a(z) 5-öt, jelenítsen meg egy üzenetet erről.

Задание 2

Adott egy beviteli mező. Tegyük fel, hogy 5 karakter bevitele megengedett. Adott egy bekezdés is. A karakterek beírása során írja ki, hány karaktert lehet még beírni. Amikor a karakterek száma meghaladja a(z) 5-öt, akkor a bekezdésben jelenítse meg, hogy hány karakterrel lépte túl a szöveg hosszát.