我如何使用javascript添加兩個數字？

<!DOCTYPE html> 
<html> 
<head> 

<meta content="text/html;charset=utf-8" http-equiv="Content-Type"> 
<meta content="utf-8" http-equiv="encoding"> 
<title> calculator! </title> 

<link rel="stylesheet" href="bootstrap.min.css" /> 
<link rel="stylesheet" href="style.css" /> 


</head> 

<body> 

first number : <input type="text" name="num1" /> 
<br><br> 
second number : <input type="text" name="num2" /> 
<br><br> 

sum : <input type="text" name="answersum" /> 
<br><br> 

<input type="button" name="add" value ="add" onClick="addnum()" /> 


<script> 
(
function addnum(){ 

    var num1 = number(document.getElementByName("num1").value); 
    var num2 = number(document.getElementByName("num2").value); 
    var sum = num1 + num2; 

    document.getElementByName("answersum").value = sum; 

} 


</script> 

</body> 
</html>

我想通過將每個數字分配給一個變量來使用JavaScript添加兩個數字。但是當我點擊添加nothings發生或有任何方法，我可以添加這兩個數字，而不使用變量？謝謝我如何使用javascript添加兩個數字？

來源

2016-05-10 expert123

getElementsByName不同實現產生不同的結果是複數 - 和數量以大寫字母所以'數量開始（document.getElementsByName（「num1」）[0] .value）''你有一個奇怪的括號開始你的腳本'（函數' – mplungjan

只是放在一邊，「answersum」元素就是[]（http：//w3c.github .io/html/sec-forms.html＃the-output-element）元素被髮明瞭。 – Alohci

注意到先生謝謝:) – expert123

N個Number（你寫number）應在上限和getElementsByName是複數，返回集合

function addnum(){  
    var num1 = Number(document.getElementsByName("num1")[0].value); 
    var num2 = Number(document.getElementsByName("num2")[0].value); 
    var sum = num1 + num2; 
    document.getElementsByName("answersum")[0].value = sum; 
}

來源

2016-05-10 11:17:52 gurvinder372

Upvot編輯，雖然很清楚[你需要更多的jQuery]（http://needsmorejquery.com/）。 –

@JamesThorpe我雖然OP沒有用jquery標記問題，所以我沒有建議基於jquery的解決方案。 – gurvinder372

'getElementsByName'是複數... –

parseInt函數（字符串，基數）;

參數

串解析值。如果字符串不是字符串，那麼它將被轉換爲一個字符串（使用ToString抽象操作）。字符串中的空白字符將被忽略。

基數 2和36之間的整數，表示上述字符串的基數（數學數字系統中的基數）。爲人類通常使用的十進制數字系統指定10。始終指定此參數以消除讀者的困惑並保證可預測的行爲。當未指定基數，通常的值默認爲10

來源

2016-05-10 11:19:17 Sapotero

-1

function addNumbers() 
 
       { 
 
         var val1 = parseInt(document.getElementById("value1").value); 
 
         var val2 = parseInt(document.getElementById("value2").value); 
 
         var ansD = document.getElementById("answer"); 
 
         ansD.value = val1 + val2; 
 
       }

first number : 
 
<input type="text" name="num1" id="value1" /> 
 
<br> 
 
<br>second number : 
 
<input type="text" name="num2" id="value2" /> 
 
<br> 
 
<br>sum : 
 
<input type="text" name="answersum" id="answer"/> 
 
<br> 
 
<br> 
 

 
<input type="button" name="add" value="add" onclick="addNumbers()" />

來源

2016-05-10 11:27:06

'getElementsByName'，'parseInt'需要一個（可選）索引，但最好包含它。 – Andy

男人爲我工作。你對我的祝福:)嘿，謝謝你喲太多 – expert123

@ expert123 ..請標記爲接受，如果它真的爲你工作。 –

我如何使用javascript添加兩個數字？

回答

相關問題