Buenas amigos, tengo un problema, el if no me funciona correctamente, tengo un input type number el cual le debo ingresar una cantidad mayor a 0 y menor al maximo establecido, pero si cumplo esas condiciones correctamente igual me tira la condicional como no valida y se dirige al else, cualquier ayuda les agradezco.introducir la descripción de la imagen aquí
//VERIFICACION DE VALORES PARA BOTON DE SEND COSECHA
$(document).on('keyup', '.cantCosecha', function () {
let cant = $(this).val(); //VALOR DEL INGRESO
let max = $(this).attr('max'); //ATRIBUTO AGREGADO AUTO QUE ES 1000 EN ESTE CASO
console.log(cant); //CANTIDAD QUE INGRESO
console.log(max); //ESTA CANTIDAD ES 1000
if (cant <= max && cant > 0 && cant.length > 0) { //CONDICION POSITIVA LA CUAL ME PERMITE SEGUIR CON LA COSECHA
$('.stopCosecha').css("display","none")
$('.sendCosecha').css("display","flex")
$(".sendCosecha").css("background-color", "green");
} else { // CONDICION NEGATIVA
$('.stopCosecha').css("display","flex")
$('.sendCosecha').css("display","none")
$(".sendCosecha").css("background-color", "red");
}
});
// HTML
<input type="number" value="" class="boton-cultivo cantCosecha" min="1" max="${cantidad}" Placeholder="Cantidad de la Cosecha">
<i class="fas fa-check boton-cultivo sendCosecha" id="sendCosecha" cantidad="${cantidad}" vegetal="${idVegetal}" variedad="${idVariedad}"></i>
<i class="fas fa-times boton-cultivo stopCosecha"></i>