javascript错误'；未定义函数'；使用html onclick

目标是当有人单击按钮元素时，closeModal（）函数被触发，并将display css属性更改为“none”。但我一直得到一个错误，即onclick中设置的函数未定义。javascript位于文件中html的上方

代码如下

Javascript

function closeModal() {
    var modal = document.getElementById('modal');
    $( modal ).css('display', 'none');
  }

HTML

让我们开始吧！

在不使用JQuery的情况下尝试更好更干净的代码

HTML:

不管你在哪里写剧本

---

祝您好运

该函数需要在全局命名空间中定义。否则，这是可行的。这里是一个演示：尝试了您的代码，但仍然没有来自模态的响应，也没有来自控制台的输出。关于什么可能会阻止它的想法？如果您在JSFIDLE上测试代码，请不要写第一行和最后一行（window.onload=…），谢谢，我使用了您的部分解决方案来帮助获得答案，顺便说一句，最大的阻碍是模板继承系统在块中嵌入了多个脚本标记。

<div id="modal" style="display:block;">
    <button onclick="closeModal();" id="begin">Let's get started!</button>
</div>

<div id="modal" style="display:block;">
     <button id="begin">Let's get started!</button>
</div>

window.onload = function(){
    var btn = document.getElementById("begin");
    var modal = document.getElementById("modal");
    btn.onclick = function () {
         modal.style.display = "none";
    }
}