Change-händelsen i JavaScript

I den här lektionen ska vi tillsammans gå igenom händelsen change, som uppstår i inmatningsfält när de ändras. Vad betyder det? Låt oss säga till exempel att du har en input och den har någon text. Om du ändrar den texten, så kommer i det fallet denna händelse att uppstå.

Låt oss titta på ett exempel. Låt oss säga att vi har en input:

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

Låt oss vid förändring av den skriva ut i konsolen dess nya värde:

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

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

Det finns en input och ett stycke. Vid ändring av input ska du skriva ut dess text i stycket.

Det finns en kryssruta. Vid ändring av kryssrutan ska du skriva ut på skärmen dess nya tillstånd.

Berätta, vad är skillnaden mellan händelserna blur och change.

Det finns en input. Vid dess ändring, kontrollera om antalet tecken i den är mindre än 5 eller inte. Om det är mindre - färga inputens kant i grön färg, och om det är mer - i röd.