必须用 addeventlistener 而非 onclick 属性,避免污染 html、丢失事件、难以维护;计数变量需定义在事件外层作用域;显示容器应预先写入 html 并用 textcontent 更新。

点击事件绑定必须用 addEventListener 而非 onclick 属性
直接写 onclick="count++" 看似简单,但会污染 HTML、难以维护,且无法复用逻辑。更关键的是,如果按钮被 JS 动态替换或重渲染,内联事件会丢失。
推荐始终用 addEventListener 绑定,确保事件监听与 DOM 生命周期解耦。
实操建议:
- 获取按钮元素用
document.getElementById或document.querySelector,避免用document.getElementsByTagName这类返回 HTMLCollection 的方法(容易漏索引) - 监听
click事件,不要监听mousedown或touchstart——除非你明确需要兼容触摸设备并做防抖 - 确保脚本在 DOM 加载完成后执行,要么把
<script></script>放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











