Plus Арифметические операции

Question

Я попытался использовать Plus арифметической операции для расчета значений 2 ввода чисел типа текста, но мой результат были ценности «вместе», как это:

• Значение один: 5
• Значение две: 5

Результат

55 

Wanted Результат

10 

Код

<script type="text/javascript"> 
    function cal(){ 
    var plus = document.getElementById('plus').value, 
     plus1 = document.getElementById('plus1').value; 
    var x = plus + plus1; 
    var result = document.getElementById('result'); 
    if(result.value == ""){ 
    result.innerHTML = "?"; 
    } 
    else{ 
    result.innerHTML = x; 
    } 
    } 
</script> 

<input type="text" id="plus" /> + <input type="text" id="plus1" /> = <span id="result"></span> 

Как я могу получить плюс результат вместо пары чисел вместе?

Answer 1

Вам нужно разобрать их к типу Integer:

var x = parseInt(plus) + parseInt(plus1); 

Затем вы можете использовать isNaN(), чтобы определить, был ли это допустимая операция или нет: (обратите внимание, что я проверяю значение x не полученной продукции)

if(isNaN(x)){ 
result.innerHTML = "?"; 
} 
else{ 
result.innerHTML = x; 
} 

Жизнь демо: http://jsfiddle.net/4KB5Y/3/

Answer 2

Оберните оба плюс и плюс1 в parseInt(), чтобы вы добавляли вместо конкатенации.

var plus = parseInt(document.getElementById('plus').value), 
    plus1 = parseInt(document.getElementById('plus1').value); 

Answer 3

Вы можете попробовать это:

function cal(){ 
    var plus = +document.getElementById('plus').value, 
     plus1 = +document.getElementById('plus1').value; 
    var x = plus + plus1; 
    var result = document.getElementById('result'); 
    if(isNaN(plus) || isNaN(plus1) || result.value == ""){ 
    result.innerHTML = "?"; 
    } 
    else{ 
    result.innerHTML = x; 
    } 
    } 

Обратите внимание на + признаки, которые преобразуют две строковые значения чисел.

Answer 4

Все значения, которые вы получаете от входных элементов в DOM, будут строками.
Javascript использует + как для конкатенации строк, так и для добавления.
Для того, чтобы понять, вы хотите добавить номера вместо конкатенации строк, вы должны убедиться, что ваши ценности номер:

parseInt(plus, 10) + parseInt(plus1, 10) 

Да, это один из самых основных и часто встречающихся подводных камней в Javascript ,

Answer 5

var plus = parseInt(document.getElementById('plus').value, 10), 
    plus1 = parseInt(document.getElementById('plus1').value, 10); 

Это сделает то, что вы хотите.

Answer 6

http://jsfiddle.net/BLGLe/

<script type="text/javascript"> 
    function cal(){ 
    var plus = parseInt(document.getElementById('plus').value), 
     plus1 = parseInt(document.getElementById('plus1').value); 
    var x = plus + plus1; 
    var result = document.getElementById('result'); 
    if(result.value == ""){ 
    result.innerHTML = "?"; 
    } 
    else{ 
    result.innerHTML = x; 
    } 
    } 
</script> 

<input type="text" id="plus" /> + <input type="text" id="plus1" /> = <span id="result"></span> 

Answer 7

ParseInt является то, что отсутствует в коде ..вам нужно разобрать его как целое за исключением, которое только операция конкатенации происходит, так что вы можете сделать это

var plus = parseInt(document.getElementById('plus').value, 10), 
plus1 = parseInt(document.getElementById('plus1').value, 10); 

или

var x = parseInt(plus , 10) + parseInt(plus1 , 10) ;