如何通过JavaScript实现HTML点击计数器的数值累加功能？

先看你代码里的几个问题：

• addEventListener语法错误，你用逗号把事件类型和回调函数分开了，正确应该把回调函数作为第二个参数传入，不能用逗号分隔。
• 你设置的textContent是固定字符串"+-1"，这不是累加逻辑，得先拿到span里的当前数值，转成数字后再做加减操作，最后把新值塞回span。
• 大概率你没正确获取到按钮元素，得先通过选择器拿到按钮的DOM节点，才能绑定点击事件。

下面是能正常运行的完整代码：

HTML部分 #

<button id="countBtn">点击累加</button>
<br>
<span id="myspan">0</span>

JavaScript部分 #

// 先获取按钮和计数器元素
const button = document.getElementById('countBtn');
const countSpan = document.getElementById('myspan');

// 绑定点击事件，实现累加功能
button.addEventListener('click', function() {
    // 把span里的文本转成整数，加个默认值防止非数字情况
    let currentCount = parseInt(countSpan.textContent, 10) || 0;
    // 累加1
    currentCount += 1;
    // 更新span显示的数值
    countSpan.textContent = currentCount;
});

如果是想实现你代码里暗示的「随机加1或减1」的趣味效果，只需要修改回调函数：

button.addEventListener('click', function() {
    let currentCount = parseInt(countSpan.textContent, 10) || 0;
    // 随机选择加1或减1
    const change = Math.random() > 0.5 ? 1 : -1;
    currentCount += change;
    countSpan.textContent = currentCount;
});

内容的提问来源于stack exchange，提问作者ac34u.de