HTML入力テキスト要素からjavascript変数にデータを渡す

Question

ユーザーが入力したテキスト値を受け取り、javascript変数に渡して保存し、それ以降の入力後に数学関数で使用できるようにします。その前に、変数を変数として格納する必要があります。 入力フィールドIDはNumb1です。submitを押すと、input.valueがdocument.getElementbyID（）を介してassignVar関数のfirstNumbに渡されると思います。

数字を入力するときにsubmitを押して、Chromeのコンソールを使用してfirstNumbが何であるかを調べます。firstNumbが定義されていないというキャッチされていない参照エラーが発生します。

どこが違うのですか？ここで

は私のフォーム/入力とスクリプトコードは、任意のヘルプすべての

Answer 1

まず、それはIdある、ないID（あなたがエラーを取得する理由である）のための

<form> 
<input type="number" id="Numb1"> 
<input name="submit" type="submit" onclick="assignVar()"> 


</form> 

<script> 
function assignVar() { 
var firstNumb = document.getElementByID("Numb1"); 
} 

</script> 

おかげです。その値を取得するつもりだった一方で

第二に、あなたは、要素自体を取得している：

var firstNumb = document.getElementById("Numb1").value; 

はまた、あなたは数に変換したい場合には、document...前+を置く：

var firstNumb = +document.getElementById("Numb1").value; 

---

の作業例：

<input type="number" id="Numb1"> 
 
<input name="submit" type="submit" onclick="assignVar()"> 
 

 

 
<script> 
 
function assignVar() { 
 
var firstNumb = document.getElementById("Numb1").value; 
 
alert(firstNumb); 
 
} 
 

 
</script>