javascript - 当我使用 javascript 获取 html 中 p-tag 的值时，我尝试向该值添加特定数字，但输出给出 NaN

Question

我正在使用 html、css 和 js 创建我的第一个游戏，关于一个目标，您需要点击该目标才能获得一些分数。

我尝试添加 parseInt() 和 Number() 但问题尚未解决。

HTML 代码:

<center>
<p class="score" >Score : </p>
<div id="score2" class="score" type="number" step="1" >0</div>
</center>
<div id="enem" class="enemy" >
    <div id="deg1" class="degree1" onclick="hit()">
      <div id="deg2" class="degree2" onclick="hit()">
        <div id="deg3" class="degree3" onclick="hit()">
        </div>
      </div>
    </div>
</div>

JS代码:

function hit() {
    var enem = document.getElementById("enem");
    if(enem.onclick="hit();") {
        enem.parentNode.removeChild(enem);
        var f = document.getElementById("score2").value;
        var f = parseInt(f);
        var v = f+100;
        document.getElementById('score2').innerHTML = v;

}
}

我期望 v 的输出为 100，但实际输出为 NaN。

Answer 1

您必须使用 .innerHTML 之类的内容来检索分数，而不是 .value，因为分数是 DIV 元素。