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:

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

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

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

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

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

Задание 2

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

Задание 3

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

Задание 4

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.