如何通过向元素添加整数值来更改innerHtml

how to change innerHtml by adding a integer value to element?

本文关键字：innerHtml 整数 何通过 元素 添加      更新时间：2023-09-26

我构建了一个记分牌

当有人点击+500按钮时，它会在记分板上的值上加500，也就是说，它会给p标签的值加500

   <div class="box"> 
 <h2>Teams</h2>
 <div class="score">
    <p id="p1" class="lead">230</p>
  </div>
  /div>
 <button id="b1">+500</button>

JavaScript for it

var myScore = document.getElementById("b1");
myScore.onclick = function () {
    var newScore = document.getElementById("p1").innerHTML;
    var value = newScore + 500;
    document.getElementById("p1").innerHTML = value;
};

但这显示我230500而不是730。如何以整数形式更改我的内部html值230？？

现在，您正在向字符串添加一个整数，因此您正在进行字符串串联。

更改

 var value = newScore + 500;

至

 var value = parseInt(newScore,10) + 500;
相关文章：