Javascript 为什么这段代码要连接而不是添加？

我试着做一个函数，每次我给textarea添加字符时加5，删除字符时减去5

这是我的HTML

字符：0

这是我的JS

let area = document.getElementById("my-area"),
  counter = document.getElementById("counter"),
  count = 0;

area.onkeyup = area.onkeydown = area.onpaste = area.onchange = function() {
  if (area.value.length > count) {
    count++;
    parseInt(counter.innerHTML);
    counter.innerHTML = parseInt(counter.innerHTML + 5);
  } else if (area.value.length < count) {
    count--;
    counter.innerHTML -= 5;
  }
};

let area=document.getElementById（“我的区域”），
计数器=document.getElementById（“计数器”），
计数=0；
area.onkeyup=area.onkeydown=area.onpaste=area.onchange=function（）{
如果（area.value.length>计数）{
计数++；
parseInt（counter.innerHTML）；
counter.innerHTML=parseInt（counter.innerHTML+5）；
}否则如果（面积.值.长度<计数）{
计数--；
counter.innerHTML-=5；
}
};

当我第一次添加一个字符时，它工作正常-5是添加到计数器的innerHTML中，但当我添加第二个字符时，并没有添加第二个字符。减法很有效。我怎样才能解决这个问题

---

第二种情况：如果我向p添加一个id为“counter”的字符串“PLN”或“DOLLARS”（例如：“0PLN”），我希望它在数字上加上5，在后面减去5，那么如何使它工作呢？

这是因为javascript中的类型强制

而是将其解析为int，然后添加5

parseInt(counter.innerHTML) + 5