gpt4 book ai didi

javascript - 外部 JavaScript 链接不起作用

转载 作者:行者123 更新时间:2023-11-28 00:30:27 25 4
gpt4 key购买 nike

我不明白为什么我的外部 JavaScript 不会链接到我的 html 代码。我究竟做错了什么?通过我的输入函数,我尝试连接 2 个字符串并在空文本字段中输出新字符串。

提前谢谢大家!

HTML (index.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;
}

最佳答案

请参阅fiddle

按如下方式使用 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 中。

关于javascript - 外部 JavaScript 链接不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29052270/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com