명세서가 제대로 작동하지 않는 경우

Question

현재 사용자가 입력 한 값에 따라 요소를 숨기고 표시하는 양식이 있습니다. 그러나 어떤 이유로 내 경우 문은 아래 3

자바 스크립트는 IF/다른 조건 제하지 위해 작동하는 것 같군 :

var car1  = document.getElementById("motorbike"); 
var car2  = document.getElementById("smartCar"); 
var car3  = document.getElementById("largeCar"); 
var car4  = document.getElementById("motorhome"); 
var daysAmount = document.getElementById('my-number-days'); 



if (daysAmount.value >= '1' && daysAmount.value <= '5') { 
    car1.style.display = "inline-block"; 
} else { 
    $(car1).hide(400); 
} 

if (daysAmount.value >= '1' && daysAmount.value <= '10') { 
    car2.style.display = "inline-block"; 
} else { 
    $(car2).hide(400); 
} 

if (daysAmount.value >= '3' && daysAmount.value <= '10') { 
    car3.style.display = "inline-block"; 
} else { 
    $(car3).hide(400); 
} 

if (daysAmount.value >= '2' && daysAmount.value <= '15') { 
    car4.style.display = "inline-block"; 
} else { 
    $(car4).hide(400); 
} 

Answer 1

제대로 비교하는 정수에 문자열을 구문 분석 :

var daysAmountInt = parseInt(daysAmount.value); 
if (daysAmountInt >= 1 && daysAmountInt <= 5) { 
    car1.style.display = "inline-block"; 
} else { 
    $(car1).hide(400); 
}