Javascript 不能使加法工作

我正在尝试制作一个按钮，当单击时，该按钮会将p标记的值增加200。我已经查找了我的问题并点击了每个结果，但没有结果。请帮助。每当我点击按钮，它要么打印NaN（不是数字）要么打印200200等等。。我需要帮助，这样每次点击按钮都会增加200，而不是那两个混乱。（添加而不是串联） 这是我的密码：

<button onClick="addPoints()">Click to get points!</button>
<p id="counter"></p>



<script>
function addPoints(){
var id=document.getElementById("counter").innerHTML = parseInt(adding);
var adding = id + 200;
}

点击获取积分！

函数addPoints（）{
var id=document.getElementById（“计数器”）.innerHTML=parseInt（添加）；
加上var=id+200；
}

---

可能有一个我不知道的混乱。任何帮助都将不胜感激

您的

添加
变量是在使用后分配的。此代码适用于：

<button onClick="addPoints()">Click to get points!</button>
<p id="counter"></p>

<script>
function addPoints(){
     var x = document.getElementById("counter").innerHTML;
     document.getElementById("counter").innerHTML = (isNaN(parseInt(x))?0:parseInt(x)) + 200;
}
</script>

点击获取积分！

函数addPoints（）{
var x=document.getElementById（“计数器”）.innerHTML；
document.getElementById（“计数器”）.innerHTML=（isNaN（parseInt（x））？0:parseInt（x））+200；
}

我在这里做的是检查计数器标记值的函数。如果内容为大于等于0的整数，则添加200。否则，在添加200之前，请指定一个初始值0，以便添加内容，而不是连接内容。
在实际创建parseInt之前，您正在尝试使用变量adding in parseInt。试试这个：

function addPoints(){
   var id=document.getElementById("counter").innerHTML;
   var adding = id + 200;
   document.getElementById("counter").innerHTML = parseInt(adding);
}

更改代码的顺序

function addPoints(){

var adding = parseInt( document.getElementById("counter").innerHTML) + 200;
document.getElementById("counter").innerHTML =adding;
}

试试这个

function addPoints(){
  var sum=parseInt(document.getElementById("counter").innerHTML);
  sum = isNaN(sum) ? 0 : sum;
  sum += 200;
  document.getElementById("counter").innerHTML = sum;
}

将id转换为数字

function addPoints(){
  var id=document.getElementById("counter").innerHTML = parseInt(adding);
  var adding = ((id*1) + 200);
  }

你在使用后分配给
添加
？我把它作为我的代码。它还说“NaN”@Mattack看看我的解决方案……你会很容易得到的。这个解决方案也是正确的。这只是他结合了几个步骤。它不会像最初由#content空字符串和parseInt组成的innerHTML那样工作。因此，您不能将200添加到NaN。这并不能提供问题的答案。要评论或要求作者澄清，请在他们的帖子下方留下评论。“每当我点击按钮，它要么打印NaN（不是数字），要么打印200200”var adding=（（id*1）+200）会处理这个问题。