Javascriptが今何が起こっているか、複数の

Question

var x1 = document.getElementById("x1");  
 
var x2 = document.getElementById("x2"); 
 

 
function ThisEvent(){// needs a lot of work done to it 
 
    if (x1.value==1) { 
 
    x2.value--; 
 
    } else if (x1.value==2) { 
 
    x2.value++; 
 
    } else if (x1.value==3) { 
 
    x2.value+=5; 
 
    } 
 
}

<input type="text" value="0" id="x1" onblur="ThisEvent()"> x1  </br> 
 
<input type="text" value="0" id="x2"> x2

ずつ増加は、数字ではなく、X1場合は3が入力されるとインクリメントを追加さ​​れています。どのようにして1桁以上に増分させるのですか？

Answer 1

if (x1.value == 3) { 
    x2.value = parseInt(x2.value) + 5; 
} 

これを文字列として解釈しています。計算ではparseIntx2.valueとすることができます。

Answer 2

入力の値が文字列である、あなたはそれに加えをperfomするために数に変換する必要があります。

あなたはこのようにそれを行うことができます：

function ThisEvent() { // needs a lot of work done to it 
    var valX1 = Number(x1.value); 
    var valX2 = Number(x2.value); 
    if (valX1 == 1) { 
     valX2--; 
    } else { 
     if (valX1 == 2) { 
      valX2++; 
     } else { 
      if (valX1 == 3) { 
       valX2 += 5; 
      } 
     } 
    } 
    x2.value = valX2; 
} 

jsFiddle：https://jsfiddle.net/v1utqv7f/