Sündmus input JavaScriptis

Järgmine sündmus, mida me õpime, on input. See tekib iga kord, kui sisestatakse uus sümbol inputi või textarea-sse. Vaatame näitega. Olgu meil input:

html<input id="elem">

Teeme nii, et iga klahvivajutuse korral trükitakse konsooli inputi hetkeväärtus:

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

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

Antud on input. Sisestagu sinna teksti. Niipea kui teksti pikkus saavutab 5, kuvage ekraanile sellest teade.

Задание 2

Antud on input. Sinna on lubatud sisestada 5 sümbolit. Antud on ka lõik. Sümbolite sisestamisel kirjutage, kui palju sümboleid veel saab sisestada. Kui sümbolite arv ületab 5, siis lõikusse kuvage see, kui palju sümboleid teksti pikkus on ületatud.