Change-hendelse i JavaScript

I denne leksjonen skal vi se på change-hendelsen, som oppstår i inndatafelt når de endres. Hva betyr det? La oss si for eksempel at du har et input-felt med en tekst. Hvis du endrer denne teksten, vil denne hendelsen oppstå.

La oss se på et eksempel. La oss si at vi har et input-felt:

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

La oss skrive ut den nye verdien i konsollen når den endres:

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

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

Det er gitt et input-felt og et avsnitt. Ved endring av input-feltet skal du skrive teksten til avsnittet.

Det er gitt en avkrysningsboks. Ved endring av avkrysningsboksen skal du vise dens nye tilstand på skjermen.

Forkjel forskjellen mellom hendelsene blur og change.

Det er gitt et input-felt. Ved endring skal du sjekke om antall tegn i den er mindre enn 5 eller ikke. Hvis det er mindre - farg sett rammen til input-feltet i grønn farge, og hvis mer - i rød.