Догађај change у JavaScript-у

У овој лекцији ћемо ви и ја размотрити догађај change, који се појављује у пољима за унос при њиховој промени. Шта то значи? Рецимо, на пример, да имате инпут и у њему се налази неки текст. Ако промените тај текст, тада ће се управо догодити овај догађај.

Хајде да погледамо на примеру. Нека имамо инпут:

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

Хајде да при његовој промени испишемо у конзолу његову нову вредност:

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

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

Дато је поље за унос и пасуc. При промени поља за унос испишите његов текст у пасус.

Задание 2

Дата је контрола за потврду (чекбокс). При промени чебокса прикажите на екрану његово ново стање.

Задание 3

Објасните, у чему је разлика између догађаја blur и change.

Задание 4

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