的Javascript：簡單添加程序不工作

我試圖創建一個程序上的一個按鈕點擊時將添加兩個數字。的Javascript：簡單添加程序不工作

但是，它不工作，我完全糊塗了什麼問題。在這個程序中用戶應該輸入2個數字，程序給用戶點擊的總和。

下面的代碼：

<html> 

    <body> 
     <p>For adding two numbers</p> 

     <button onclick="myFunction()">Calculate</button> 
     <br/> 
     <input type="text" placeholder="1st number" id="1st" name="txt1"> 
     <br/>+ 
     <br/> 
     <input type="text" placeholder="2nd number" id="2nd" name="txt2"> 

     <p id="demo"></p> 

     <script> 
     function myFunction() { 
      var a = document.getElementById("1st").value; 
      var b = document.getElementById("2nd").value; 
      var c = number(a) + number(b); 

      document.getElementById("demo").innerHTML = c; 
     } 
     </script> 
    </body> 

</html>

來源

2015-09-14 Manu Karki

這裏是JQuery的改變呢？這個問題是很容易的jQuery –

中numbern應該大寫。 number應該是Number。

Demo

function myFunction() { 
 
    var a = document.getElementById("1st").value; 
 
    var b = document.getElementById("2nd").value; 
 
    var c = Number(a) + Number(b); 
 

 
    document.getElementById("demo").innerHTML = c; 
 
}

<button onclick="myFunction()">Calculate</button> 
 
<br/> 
 
<input type="text" placeholder="1st number" id="1st" name="txt1"> 
 
<br/>+ 
 
<br/> 
 
<input type="text" placeholder="2nd number" id="2nd" name="txt2"> 
 
<p id="demo"></p>

來源

2015-09-14 10:15:11 Tushar

根據W3Schools

定義和用法Number（）函數轉換所述對象參數傳遞給一個數字，表示該對象的值。

如果該值不能被轉換爲合法的數字，則返回NaN。

數量的語法（）函數：

Number(object)

這裏對象設置。如果沒有那麼在您的代碼段返回零

所以

var c = number(a) + number(b) ;

你只是

var c = Number(a) + Number(b) ;

來源

2015-09-14 10:17:59 alamin

解決這不是HTML5的情況：http://www.w3.org/TR/html5/dom.html#the-id-attribute說HTML只需要任何1個字符。 – Johan

'身份證可以採用什麼形式沒有其他限制;特別是，ID可以只包含數字，以數字開頭，以下劃線開頭，僅包含標點符號等。「From [specs]（http://www.w3.org/TR/html5/dom.html ＃the-id-attribute） – Tushar

是的，即時編寫完整的代碼。並再次測試並在一分鐘內發佈修改後的版本 – alamin

的Javascript：簡單添加程序不工作

回答

相關問題