NaN ek

2016-03-28 36 views
1

Bir düğmeye basarak bir puan güncellemesi yapmaya çalışıyorum. Fonksiyonu çalıştırdığımda NaN değerini alıyorum. Number() fonksiyonuna kendi bireysel skorlarımın ekleyeceğini düşündüm ama bunu düzeltemedi. Herhangi bir fikir? (Yorumlarda belirtildiği gibi ya da daha iyi .textContent)NaN ek

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 kitaplığını kullanmak, böyle şeyler yapmak için yazmanız gereken kod miktarını azaltabilir. Bazıları bunun aşırı hızda olduğunu iddia ediyor ama gerçekten projeye bağlı: https://jquery.com/ – NickT

cevap

2

p eleman özelliği value yok, sen innerHTML ile etiketin içeriğe erişebilirsiniz:

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

'' parseInt'' veya '' parseFloat'' kullandığınızdan emin olun ' –

+3

Muhtemelen '.textContent' değil' .innerHTML '- Düz bir sayısal dizgeyi, html biçimlendirmesini beklemezsiniz. – Bergi