外部javascript链接不工作

我不明白为什么我的外部javaScript不能链接到我的html代码。我做错了什么？使用输入函数，我试图连接两个字符串，并在空文本字段中输出新字符串

提前谢谢各位

HTML（index.HTML） 见 按如下所示使用jQuery进行单击功能，它可以正常工作

JS

$(document).ready(function () {
    function input() {

        var doc = document.getElementById("courseAdd");
        var course = doc.course.value;
        var credits = doc.credits.value;
        var grade = doc.grade.value;
        doc.exp.value = course + credits;
    }
    $('#myButton').on('click', input);
});

还有，我换了

<input type="button" value="Submit" onclick="input()" />

与

---

在您的HTML中。

我尝试了您的代码，它对我有效。index.html和gpacalc.js是否在同一文件夹中？或者，如果您的Web服务无法访问它，您可能需要chmod gpacalc.js我觉得一切正常，

gpacalc.js

是否在同一个目录中？如果你把它放在一个文件夹中，那么你需要添加/foldername/gpacalc.js。你应该关闭div

courseAddForm

尝试使用

/gpacalc.js

@如果你的解决方案有效，我的浏览器没有访问权限。现在可以了。谢谢！当现有javascript没有任何错误时，为什么要使用jQuery？这不是外部javascript文件无法工作的解决方案。好吧，我明白了。我正在尝试调试它。与此同时，我只是想为他提供一个解决方案@纽托斯

$(document).ready(function () {
    function input() {

        var doc = document.getElementById("courseAdd");
        var course = doc.course.value;
        var credits = doc.credits.value;
        var grade = doc.grade.value;
        doc.exp.value = course + credits;
    }
    $('#myButton').on('click', input);
});

<input type="button" value="Submit" onclick="input()" />

<input type="button" value="Submit" id="myButton" />