ステートメントが正常に動作しない場合

Question

私は現在、ユーザーが入力した値に応じて要素を隠して表示しています。しかし、いくつかの理由で私のif文は、底部のみ3

のJavascriptのif/else条件最初のといないのために働いているようだ：

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); 
}