我在 game.js 下有以下 javascript 文件:
var day = 1;
function new_day(){
check_date();
print_date();
}
function check_date(){
if (day === 101){
document.getElementById("the_end").innerHTML = "The End";
document.getElementById("continue").innerHTML = " ";
};
}
function print_date {
document.getElementById("day").innerHTML = day;
document.getElementById("days_to_go").innerHTML = (100 - day);
}
和以下 html 文件:
<!doctype html>
<html>
<head>
<script language="javascript" type = "text/javascript" src = "game.js"></script>
<script>new_day()</script>
<title>New Day</title>
</head>
<body>
<p>Day: <div id = "day"></div></p>
<p><div id="days_to_go"></div> days to go.</p>
<p><div id="the_end"></div></p>
<p><div id="continue">
<a href="home.html">next</a>
</div></p>
</body>
</html>
应该检查当天。如果日期是 101,则显示“结束”并删除“下一步”按钮。如果它在 1 到 100 之间,则会打印当天以及还剩多少天。我遇到的问题是它没有做这两件事。即使我将 day 的值更改为 101 它仍然显示如下:
日期:
还有几天。
下一个
有人可以告诉我我的代码有什么问题吗?
最佳答案
我建议在文档加载后使用 jQuery 运行 javascript,以允许您的元素存在。
$(document).ready(function () {
// Your Code Here
}
编辑:让它与 jQuery 一起使用 JSFiddle:
关于javascript - 使用 javascript 在 html 中调用外部函数时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30986424/