Настан change во JavaScript

Во оваа лекција ние со вас ќе го разгледаме настанот change, кој се појавува во полињата за внесување при нивна промена. Што значи ова? Да речеме, на пример, дека имате поле за внесување и во него има некаков текст. Ако го промените тој текст, тогаш во тој случај ќе се појави овој настан.

Да погледнеме на пример. Нека имаме поле за внесување:

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

Ајде при негова промена да ја испечатиме во конзола неговата нова вредност:

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

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

Дадени се поле за внесување и параграф. При промена на полето за внесување, испечатете го неговиот текст во параграфот.

Дадена е кутија за штиклирање. При промена на кутијата за штиклирање, прикажете на екранот нејзината нова состојба.

Објаснете, во што се разликуваат настаните blur и change.

Дадено е поле за внесување. При негова промена проверете, дали количеството на знаци во него е помалку од 5 или не. Ако е помалку - обојте ја границата на полето во зелена боја, а ако е поголемо - во црвена.