Can't get value of numeric input if input is greater then 0

February 13, 2023

<input type="number" placeholder="Number of people*" class="user_number" min="1" max="5">
let user_number = document.getElementsByClassName("user_number");
if($(user_number).val() > 0){
            console.log($(user_number).val());
        }

but when i put anything more than 0 console doesn’t show up help please

>Solution :

You can attach an event listener for the "input" event so that the value is checked each time it changes.

$('.user_number').on('input', function() {
  if (this.valueAsNumber > 0) {
    console.log(this.value);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" placeholder="Number of people*" class="user_number" min="1" max="5">