Το συμβάν input στην JavaScript

Το επόμενο συμβάν που θα μελετήσουμε, ονομάζεται input. Εμφανίζεται κάθε φορά που εισάγεται ένας νέος χαρακτήρας σε ένα πεδίο εισαγωγής ή textarea. Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε ένα πεδίο εισαγωγής:

<input id="elem">

Ας εκτυπώνουμε στην κονσόλα το τρέχον περιεχόμενο του πεδίου εισαγωγής κάθε φορά που πατιέται ένα πλήκτρο:

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

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

Δίνεται ένα πεδίο εισαγωγής. Ας εισάγεται κείμενο σε αυτό. Μόλις το μήκος του κειμένου φτάσει τα 5, εμφανίστε ένα μήνυμα σχετικά.

Δίνεται ένα πεδίο εισαγωγής. Επιτρέπεται η εισαγωγή 5 χαρακτήρων σε αυτό. Δίνεται επίσης μια παράγραφος. Καθώς εισάγονται χαρακτήρες στο πεδίο εισαγωγής, εμφανίστε πόσοι ακόμη χαρακτήρες μπορούν να εισαχθούν. Όταν ο αριθμός των χαρακτήρων ξεπεράσει τους 5, τότε στην παράγραφο εμφανίστε κατά πόσους χαρακτήρες έχει ξεπεραστεί το μήκος του κειμένου.