const slider = document.getElementById('min-difference')

slider.addEventListener('input', function (event) {
  const table = document.getElementById('items')
  Array.from(table.children).forEach(row => {
    if (row.dataset.difference < Number(event.target.value)) {
      row.style.display = 'none'
    } else {
      row.style.display = 'table-row'
    }
  })

  document.getElementById('filter-value').innerText = event.target.value
})