這個按鈕爲什麼不起作用？

Question

我在我的一個項目中重新創建了一個問題。我不知道爲什麼這不起作用。當我添加文本框時它似乎失敗。出於某種原因，使用文本框會產生這個錯誤。

<input type="text" id="apple"> 
<input type="button" value="Go" id="banana"> 


<script> 
var element = document.getElementById('apple'); 
var element2 = document.getElementById('banana'); 

element2.addEventListener("click", function(){ 

var test = element.value; 

if (typeof test != "number"){ 
alert(); 
} 

}); 
</script> 

小提琴：https://jsfiddle.net/3mp0869s/8/

Answer 1

試試這個代碼：

if (isNaN(test)){ 
alert("Not a number"); 
} 

這裏是你更新的jsfiddle：https://jsfiddle.net/3mp0869s/9/

Answer 2

element.value;將返回總是串，病情將永遠不會來達到的，你應該解析返回值。或者如果你想只是爲了檢查，如果輸入的值是一個數字，你可以使用isNaN()功能：

if(isNaN(element.value)){ 
    alert('is not a number'); 
}else{ 
    alert('is a number'); 
} 

注：，你也可以使用輸入與number類型，因此您不必檢查。

希望這會有所幫助。