Падзея change у JavaScript

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

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

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

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

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

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

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

Задание 2

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

Задание 3

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

Задание 4

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