Change-event i JavaScript

I denne lektion vil vi sammen se på eventet change, som opstår i inputfelter når de ændres. Hvad betyder det? Lad os sige, for eksempel, at du har en input og der er en eller anden tekst i den. Hvis du ændrer denne tekst, så opstår eventet i dette tilfælde.

Lad os se på et eksempel. Lad os sige at vi har en input:

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

Lad os udskrive dens nye værdi i konsollen, når den ændres:

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

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

Der gives en input og et afsnit. Ved ændring af input skal du udskrive dens tekst i afsnittet.

Der gives en checkbox. Ved ændring af checkboxen skal du udskrive dens nye tilstand på skærmen.

Forklar, hvad forskellen er mellem eventerne blur og change.

Der gives en input. Ved dens ændring skal du kontrollere, om antallet af tegn i den er mindre end 5 eller ej. Hvis det er mindre - farv inputets kant i grøn farve, og hvis det er mere - i rød.