HTML按钮无法触发JavaScript函数，控制台提示函数未使用求助

你的问题核心是函数定义了但内联onclick访问不到，控制台的“已定义未使用”提示是静态检查没识别到内联调用，但实际点击无响应的原因是函数不在全局作用域，或是JS代码没正确加载到HTML中。

最简单的修复方式 #

把JavaScript代码直接内嵌到HTML的<body>标签末尾，确保在所有页面元素之后加载：

<!DOCTYPE html>
<html>
  <head>
    <title>DateCheckerThing</title>
  </head>
  <body>
    <button type="button" onclick="displayDate()">What is today's date?</button>
    <h1 id="now"></h1>

    <!-- 把JS代码放在这里 -->
    <script>
      function displayDate() {
        document.getElementById("now").innerHTML = Date();
      }
    </script>
  </body>
</html>

为什么之前不行？ #

1. JS代码未引入HTML：你提供的HTML里没有包含那段JavaScript代码，浏览器根本不知道displayDate函数的存在。
2. 作用域限制：如果JS代码放在<head>里，或是给<script>标签加了type="module"属性，函数会被限制在局部作用域内，内联的onclick无法访问到全局的函数。

如果你想用外部JS文件 #

如果把代码单独放在date.js文件里，需要在HTML里正确引入，同样放在<body>末尾：

<!-- 在body最后添加 -->
<script src="date.js"></script>

确保date.js和HTML文件在同一文件夹下，路径无误即可。

内容的提问来源于stack exchange，提问作者Wesley Hall