Как менять цвет input в зависимости от значения?

Question

[Alexey1307]

Как изменить цвет input в зависимости от значения? То есть если ввели 3 - цвет зеленый, если 0 - красный?
Код здесь

Answer 1

[Сергей Соколов]

const colors = {
  '3': 'red',
  '2': 'green',
  '1': 'blue',
  '0': 'black',
};

const setColor= input => {
  const { value } = input;
  if (colors.hasOwnProperty(value)) {
    input.style.backgroundColor = colors[value];
  }
}

const onInput = e => {
  setColor(e.target);
}

document.querySelectorAll('input')
  .forEach(elem => {
    elem.addEventListener('input', onInput);
    setColor(elem);
  });

песочница

Comments

[Alexey1307]

Бинго!!!
Спасибо большое - пол дня промучился))