NaN追加

Question

私はボタンを押してスコアを更新しようとしています。関数を実行すると値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>

Answer 1

p要素がプロパティvalueを持っていません（コメントで述べたように、またはより良い.textContent）、あなたはinnerHTMLで、タグのコンテンツにアクセスすることができます

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