我可以在 JS 中使用 textContent 来添加元素编号吗？

Question

我正在尝试编写程序，每次单击按钮时都会将数字添加到 html 元素。我正在尝试像下面的代码一样使用 textContent 来做到这一点，但是每次元素“获取”数字时，它不是进行计算并显示总和，而是将数字添加为 Like，而不是这样做：

得分：2+4 >> 得分：6

得分：6+1 >> 得分：7

它这样做： score:241

这是代码：

HTML:

  <div id="player1score">
                <h2>score: <span id="sumscore1">0</span></h2>
                <p id="player1dice">-</p>
            </div>

JS:

function render() {
let randomNumber = random()
sumscore1.textContent+=  randomNumber
}

也许 textContent 无法获取数字并将数字归为字符串？

Answer 1

如果其中一个操作数是字符串，

textContent returns a string (or null, in some cases). Using the addition assignment operator += 会导致串联操作。

您需要先将其转换为整数或其他Number才能对其进行算术运算：

function render() {
    let randomNumber = random()
    sumscore1.textContent = parseInt(sumscore1.textContent || 0) + randomNumber
}

Can i use textContent in JS for adding to element numbers?