通過javascript在窗體上返回值

Question

我對JavaScript很陌生，我試圖通過窗體獲取一個表單，然後將這個值返回給他們（現在就在控制檯中）。我也希望它能驗證輸入的值是一個數字。這裏是我的代碼：

<div class="form"> 
    <form name="firstForm" action="#" onsubmit="results()"> 
    <input type="text" name="inputbox" placeholder="number"/> 
    <input type="submit" name="submit" value="submit"/> 
    </form> 

<script> 
function results(form) { 
    var favNum = form.getElementByName("inputbox").value; 
    if(isNaN(favNum)) { 
    console.log("You didn't enter a number, silly goose!"); 
    } 
else { 
    console.log("Your favorite number is: " + favNum); 
    } 
} 
</script> 

鏈接以供參考：radmint.github.io/wk3-bonus-4fun

，這裏是倉庫github.com/radmint/wk3-bonus-4fun

Answer 1

您的代碼中存在問題。

首先，您正嘗試在不存在的表單上調用getElementByName。

您需要在文檔上調用它。

其次，它不叫getElementByName，但getElementsByName所以你在那裏缺少複數。

這是一個工作示例。

function results() { 
var favNum = document.getElementsByName("inputbox")[0].value; 
    if(isNaN(favNum)) { 
    console.log("You didn't enter a number, silly goose!"); 
    } 
else { 
    console.log("Your favorite number is: " + favNum); 
    } 
} 

編輯：有想法，此前JS將繼續您的瀏覽器窗口可以通過「刷新」，你將不會看到控制檯輸出。