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

Σε αυτό το μάθημα εσείς κι εγώ θα αναλύσουμε το συμβάν change, που προκύπτει στα πεδία εισαγωγής όταν αλλάζουν. Τι σημαίνει αυτό; Ας υποθέσουμε, για παράδειγμα, ότι έχετε ένα input και έχει κάποιο κείμενο. Εάν αλλάξετε αυτό το κείμενο, τότε σε αυτή την περίπτωση θα προκύψει αυτό το συμβάν.

Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε ένα input:

html<input id="elem" value="text">

Ας εκτυπώσουμε στην κονσόλα την νέα του τιμή όταν αλλάξει:

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

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