Die change Gebeurtenis in JavaScript

In hierdie les gaan ons die change-gebeurtenis ondersoek, wat in invoervelde voorkom wanneer hulle verander. Wat beteken dit? Gestel jy het 'n invoerveld met 'n sekere teks daarin. As jy daardie teks verander, sal hierdie gebeurtenis plaasvind.

Kom ons kyk na 'n voorbeeld. Gestel ons het 'n invoerveld:

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

Kom ons wys sy nuwe waarde in die konsole wanneer dit verander:

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

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

Gegee 'n invoerveld en 'n paragraaf. Wanneer die invoerveld verander, wys die teks daarvan in die paragraaf.

Gegee 'n merkbox. Wanneer die merkbox verander, wys sy nuwe toestand op die skerm.

Verduidelik wat die verskil is tussen die blur- en change-gebeurtenisse.

Gegee 'n invoerveld. Wanneer dit verander, kyk of die aantal karakters daarin minder as 5 is of nie. As dit minder is, kleur die rand van die invoerveld groen, en as dit meer is, rooi.