NaN加

2016-03-28 77 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