javascript - 在 Javascript 中使用 innerHTML 更改值

Question

我已经有一段时间没有使用 Javascript 和 HTML 编码了。我正在尝试构建一个基本的记分牌系统，该系统会在获得积分时为主场和客场得分增加积分。我目前正在 Home 上工作，当我完成基本功能后，基本上会复制 Away。

这是我的代码:

<script type="text/javascript">

function addTD(){

    document.getElementById("score").innerHTML +=6;

}

function addPAT(){document.getElementById("score").innerHTML ++;}

</script>

<div id="score"></div>

<a href="javascript:addTD();">Touchdown</a>
<a href="javascript:addPAT();">PAT</a>

当我选择 Touchdown 链接时，它会添加一个 6，当我选择 PAT 链接时，它会将 6 更改为 7。但是当我再次选择 Touchdown 时，它会在 7 之后添加 6。

76
Touchdown PAT

再次选择 Touchdown 时，如何将 7 更改为 13？

在此先感谢您的帮助。布兰登

Answer 1

改为

function addTD(){            
   document.getElementById("score").innerHTML=
        parseInt(document.getElementById("score").innerHTML,10)+6;
}