gpt4 book ai didi

javascript - 使用 javascript 在 html 中调用外部函数时出现问题

转载 作者:行者123 更新时间:2023-11-28 07:14:26 30 4
gpt4 key购买 nike

我在 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/

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