Как сделать фильтрацию при помощи input type number?

Question

[Евгений Драган]

Как реализовать фильтр на основе input type="number", при условии если значение в поле ввода input больше указанного в блоке, то блок исчезал? Визуализирую для понимания на простом примере: https://jsfiddle.net/2ep0aqv6/

Answer 1

[0xD34F]

.hidden {
  display: none;
}

document.querySelector('input').addEventListener('input', e => {
  const val = +e.target.value;

  document.querySelectorAll('.word').forEach(n => {
    n.closest('.block').classList.toggle('hidden', +n.innerText < val);
  });
});