Javascript 从html调用外部js函数

我有一个带有以下按钮的HTML文件：

<button type="button" onclick="muteaudio()" id="testButton">Mute</button>

很明显，我做错了什么。但是调用这样一个函数的正确方法是什么呢

检查文件是否通过F12（开发人员工具）然后“源”选项卡加载

检查是否已正确重新加载页面，以便清除缓存并加载文件的最新版本

如果文件不存在，请检查您正在使用的路径，intellisense应帮助您找到该文件：

src=“~”

使用~应激活intellisense并帮助查找文件

如果文件在那里，但仍然无法工作，请尝试将脚本代码复制到HTML文件中，然后您可以确定问题是文件还是代码：

函数muteaudio（）{
警惕（“它起作用”）；
}

它可能是文件的位置，请尝试在页脚中呈现它

更新

我制作了一个可用于以下代码和代码片段的示例：

功能测试（）{
警报（“功能中！”）
}

这应该可以：

muteaudio = function(){
    alert("it works");
};

小提琴：

---

我不知道为什么你的函数不起作用，尽管我不认为

是一个错误thing@arodebaugh

是有效的html。@user3398922您确定找到了脚本吗？打开浏览器的开发工具（使用f12，最好使用Chrome或FF）并查看网络选项卡。你看到你的js文件了吗？接下来检查您的拼写。可能您给src的路径是错误的。检查您是否在控制台中看到您的文件，因为@scrasedcola saidI allready知道该文件已正确加载。可以从页脚区域检查它是否工作。我还编辑了js文件，因为我忘了提到一行，即如果我在代码中的其他地方添加了一个警报（比如警报），那么在加载后将执行所有js。这是否意味着我的功能放错地方了？我真的不确定，sorry@arodebaugh是的，那是为了比较，也许我应该让它更明显。

function($, window, document, undefined) {

    function muteaudio(){
        alert("it works");
    }

}

muteaudio = function(){
    alert("it works");
};