NaN on addition

NaN on addition

本文关键字:addition on NaN      更新时间:2023-09-26

我正试图通过按下按钮来更新分数。当我运行函数时,我得到了值NaN。我原以为在函数中添加Number()会解决这个问题,但事实并非如此。有什么想法吗?

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>

p元素没有属性value,您可以使用innerHTML(或注释中提到的更好的.textContent)访问标签的内容:

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