外部JavaScript链接不起作用

external javascript link not working

本文关键字：不起作用 链接 JavaScript 外部      更新时间：2023-09-26

我不知道为什么我的外部javaScript不会链接到我的html代码。我做错了什么？使用我的输入函数，我正在尝试连接 2 个字符串并在空文本字段中输出新字符串。

提前感谢伙计们！

HTML （索引.html）

<head>
<title> Free GPA Calculator </title>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="gpa_style.css" />
    <script type="text/javascript" src="gpacalc.js"></script>
</head>
<body>
    <div id="courseAddForm">
        <h1> Free GPA Calculator </h1>
        <form id="courseAdd">
            <label for="course" class="info" > Course </label>
            <input type="text" name="course" /><br />
            <label for="credits" class="info"> Number of Credits </label>
            <input type="text" name="credits" /><br />
            <label for="grade" class="info"> Letter Grade </label>
            <input type="text" name="grade" /><br />
            <div id="buttons">
                <input type="button" value="Submit" onclick="input()" />
                <input type="reset" value="Clear" />
             </div>
            <input type="text" name="exp" />
        </form>
</body>

JavaScript （gpacalc.js）

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;
}

看小提琴

按如下方式对点击函数使用 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()" />

跟

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

在您的 HTML 中。

相关文章：