点击递增数字按钮问题：移除innerText后仅控制台显示，求非EventListener方案

核心解决思路 #

直接在HTML按钮上用onclick属性绑定递增逻辑就行，另外你之前移除的countEl.innerText = count必须加回来——控制台能输出计数是因为变量确实在变，但页面元素不会自动跟着变量更新，必须手动把新的计数赋值给DOM元素的文本内容，页面才会同步显示。

完整代码示例 #

HTML代码 #

<button onclick="addCount()">点我计数+1</button>
<p>当前计数：<span id="countDisplay">0</span></p>

JavaScript代码 #

let count = 0;
function addCount() {
  count++;
  console.log(count); // 控制台输出当前计数
  // 把更新后的计数同步到页面元素
  document.getElementById('countDisplay').innerText = count;
}

关键说明 #

• 为啥移除那行代码页面不更新？因为count变量只是在JS环境里递增了，但浏览器不会自动把变量值同步到DOM元素上，必须手动修改元素的innerText（或者textContent），页面才会显示新的数字。
• 不用addEventListener的方式：就是直接在按钮标签里写onclick调用自定义函数，这是最直接的事件绑定写法，完全不需要用事件监听API。

内容的提问来源于stack exchange，提问作者Muhammad Talha Khan