Check if the input value in between the attribute props

checkInputNumber.js

  document.querySelectorAll('input[type=number]').forEach(input => {
    input.addEventListener('change', (e) => {
      const value = e.target.value
      const props = e.srcElement.attributes
      console.log(`${props.min.value} ${props.max.value} ${value}`)
      if (value <= props.min.value || value >= props.max.value) {
        alert('valor muito baixo')
      }
    })
  })