<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">