本地HTML网站Increment按钮无法点击的技术求助

你的核心问题在于JS代码里重复定义了increment函数——后面的空函数会覆盖前面带有console.log的函数，导致点击按钮时实际调用的是那个空函数，自然没有任何输出。

修正后的JS代码 #

// document.getElementById("count-el") .innerText = 5

function increment() {
    console.log("clicked")
}

console.log("clicked")

直接删除掉后面那个空的increment函数定义即可，这样点击按钮时就会执行带有控制台输出的函数。

额外排查点 #

• 确认count.js文件和HTML文件在同一目录下，路径引用正确
• 打开Edge浏览器的开发者工具（按F12），切换到「控制台」标签页，刷新页面后先看是否有初始的clicked输出，再点击按钮测试
• 若仍有问题，可以尝试清除浏览器缓存后重新加载页面

内容的提问来源于stack exchange，提问作者Liban Mohamed