javascript error [object HTMLInputElement] [object HTMLInputElement]

Я практикую код java-скрипта, но имею проблему при реализации этого кода.javascript error [object HTMLInputElement] [object HTMLInputElement]

<html> 
<body> 
<script> 
function f2(){ 
var a=document.getElementById("a"); 
var b=document.getElementById("b"); 
var c=a+b; 
document.write(c); 
} 
</script> 

Enter A:<input id="a" type="text" name="txt1" ><br> 
Enter B:<input id="b" type="text" name="txt2" ><br> 
<button type="button" onclick="f2()">Sum Here</button> 
</body> 
</html>

Когда я сложить два числа, то это показывает ошибку, как [объект HTMLInputElement] [объект HTMLInputElement].

источник

2016-12-19 Dhaval Mistry

вам нужно получить значение 'с = a.value + b.value; '' –

Использование .value' для получения значений. Также обратите внимание, что значения будут выбраны как строка. – Rajesh

Возможный дубликат [Как получить общую сумму из значений полей ввода с помощью Javascript?] (Http://stackoverflow.com/questions/13540751/how-get-total-sum-from-input-box-values-using-javascript) – Rajesh

Свойство value входных элементов используется для извлечения значения на вход. Это значение будет строкой.

Поскольку вы хотите добавить номера, лучше проверить, введены ли введенные числа, чтобы избежать нежелательных ошибок. Существует много способов проверить это, я использовал его, добавив знак «+» перед введенным строковым значением, это преобразует число в строку в число и затем проверит для NaN.

здесь скрипка и код https://jsfiddle.net/7sgcmfu8/

<script> 
function f2(){ 
var a= +document.getElementById("a").value; 
var b= +document.getElementById("b").value; 
if(!isNaN(a) && !isNaN(b)){ 
    document.write(a+b); 
}else{ 
    document.write("enter numbers"); 
} 
} 
</script> 

Enter A:<input id="a" type="text" name="txt1" ><br> 
Enter B:<input id="b" type="text" name="txt2" ><br> 
<button type="button" onclick="f2()">Sum Here</button>

источник

2016-12-19 05:45:18

Хорошее решение +1 ударил с моей стороны –

<html> 
<body> 
<script> 
function f2(){ 
var a=parseInt(document.getElementById("a").value); 
var b=parseInt(document.getElementById("b").value); 
var c=a+b; 
document.write(c); 
} 
</script> 

Enter A:<input id="a" type="text" name="txt1" ><br> 
Enter B:<input id="b" type="text" name="txt2" ><br> 
<button type="button" onclick="f2()">Sum Here</button> 
</body> 
</html>

источник

2016-12-19 05:28:13 Ray

'parseInt()'? OP сказал «числа», а не «целые числа». – nnnnnn

javascript error [object HTMLInputElement] [object HTMLInputElement]

ответ

Смежные вопросы