窗帘菜单无法识别我的JavaScript源代码

Question

我正在使用w3school作为学习门户，但是现在我遇到了问题。当我使用html文件中的所有源代码运行代码时，它工作正常。但是，当我将javascript源代码放入外部js中时。文件，什么也没发生。

功能之一在这里：JSFiddle

javascript代码是：

    function openNav() {
  document.getElementById("myNav").style.width = "100%";
}

function closeNav() {
  document.getElementById("myNav").style.width = "0%";
}

我将此代码替换为<script src="/js/w3school_index.js"></script>，因为该文件位于名为“ js”的目录中

当我在HTML文件中调用方法时，应该调用源代码吗？还是足够像我一样称呼它？还是应该在JavaScript文件中添加一些代码？