JavaScriptで整数変数を文字列として扱う

Question

私のHTMLページでは、javascript関数は2つの入力ボックス（html形式）の値を変数に読み込んで追加しますが、実際には両方の変数を連結してももし私が（9,0等）のような整数を入力すれば。それは結果12を示して追加した後EG-値について

は、1,2-あるしかし、私はすべての3

Answer 1

まず、input -elementのデフォルトTypetextあるようなりたいと考えています。それはあなたの入力の値を結びつける理由です。 String + String = String。

type="number"を使用できますが、ユーザーが有効な番号を入力したかどうかを確認する必要があります。

あなたがparseInt(value)でintにstring/text - 値をparseすることができ、検証した後。

私はあなたのための検証なしの簡単な例を書いた。

function print(){ 
 
    var one = document.querySelector('#one').value; 
 
    var two = document.querySelector('#two').value; 
 
    var numberOne = parseInt(one); 
 
    var numberTwo = parseInt(two); 
 
    var sum = numberOne + numberTwo; 
 
    document.querySelector('#sum').innerHTML = sum; 
 
} 
 
document.querySelector('#print').addEventListener('click',print);

<input id="one"/> 
 
<input id="two"/> 
 
<button id="print"> Print </button> 
 
<div id="sum"></div>