NaN加

2016-03-28 53 views
1

我試圖按按鈕進行分數更新。當我運行該函數時,我得到的值爲NaN。我認爲將Number()添加到我的函數週圍的個人分數將修復它,但它沒有。有任何想法嗎?NaN加

function SCOREUPDATE() { 
 
    var A = document.getElementById("SCORE1A").value; 
 
    var B = document.getElementById("SCORE1B").value; 
 
    var z = Number(A) + Number(B); 
 
    document.getElementById("TOTALSCORE").innerHTML = z; 
 
}
<input type="button" value="Enter" onClick="SCOREUPDATE();"> 
 
<p id="SCORE1A">1</p> 
 
<p id="SCORE1B">2</p> 
 

 
<p id="TOTALSCORE"></p>

+0

'的console.log( 「A:」,A);' – epascarello

+0

使用jQuery庫可以減少一些你需要編寫的代碼來完成這樣的事情。有人會認爲它是過度殺傷性的,但它確實取決於該項目:https://jquery.com/ – NickT

回答

2

p元素沒有屬性value,你可以(在評論中提到或更好.textContent)訪問與innerHTML標籤的內容:

var A = document.getElementById("SCORE1A").textContent; 
+2

請確保使用''parseInt''或''parseFloat'' –

+3

您可能希望'.textContent'不是'.innerHTML ' - 你期望一個純數字字符串,而不是html標記。 – Bergi