Падзея change у JavaScript

У даным ўроке вы з вамі разбярэм падзею change, якая ўзнікае ў палях уводу пры іх змяненнях. Што гэта значыць? Хай, напрыклад, у вас ёсць інпут і ў ім ёсць які-небудзь тэкст. Калі вы зменіце гэты тэкст, то ў гэтым выпадку і ўзнікне гэтая падзея.

Давайце паглядзім на прыкладзе. Хай у нас ёсць інпут:

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

Давайце па яго змяненні вывядзем у кансоль яго новае значэнне:

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

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

Дадзены інпут і абзац. Па змяненні інпута выведзіце яго тэкст у абзац.

Дадзены чэкбокс. Па змяненні чэкбокса выведзіце на экран яго новы стан.

Раскажыце, у чым розніца паміж падзеямі blur і change.

Дадзены інпут. Па яго змяненні праверце, колькасць сімвалаў у ім менш за 5ці ці не. Калі менш - афарбуйце мяжу інпута ў зялёны колер, а калі больш - у чырвоны.