如何解决为什么我的 javascript src 没有加载到 HTML 中?
到目前为止,我正在使用 HTML、JS 和 CSS 制作一个每个人都熟悉的简单的无互联网恐龙游戏。我一直在努力解决它,并且在过去的几个小时里我已经让一切正常。突然间,我的按钮不起作用,出现错误:Uncaught ReferenceError: start is not defined at HTMLButtonElement.onclick
我尝试更改按钮和 ID 的功能,但都没有奏效。我的结论是,无论出于何种原因,我的 script.js 文件都没有加载 HTML 文件,但 .css 文件加载了。以下代码是 HTML。
<div id="game">
<div id="character"></div>
<div id="block"></div>
</div>
<div>
<button class="btn btn-secondary" id="button" onclick="start()">Start</button>
<button class="btn btn-secondary" id="button2" onclick="pause()">Pause</button>
</div>
</body>
<p id="paused"></p>
<p id="score"></p>
<script src="script.js"></script>
</html>
下面的代码是两个函数的代码。
function start() {
document.getElementById("button").innerHTML = 'Jump'
button.setAttribute( "onclick","jump()")
block.classList.add("movement")
}
function pause() {
pauseStatus = true
}
我不知道可能是什么问题。我没有对文件路径或任何东西进行任何更改,我想不出如何解决这个问题。我已经尝试将 src 路径放在 HTML 的正文中和正文之外,但没有奏效。
解决方法
你应该尝试在你的身体内移动你的脚本标签。
<div id="game">
<div id="character"></div>
<div id="block"></div>
</div>
<div>
<button class="btn btn-secondary" id="button" onclick="start()">Start</button>
<button class="btn btn-secondary" id="button2" onclick="pause()">Pause</button>
</div>
<p id="paused"></p>
<p id="score"></p>
<script src="script.js"></script>
</body>
</html>
Javascript
您还应该注意 Javascript 行应该以分号结尾。
function start() {
document.getElementById("button").innerHTML = 'Jump';
button.setAttribute( "onclick","jump()");
block.classList.add("movement");
}
function pause() {
pauseStatus = true;
}
注意 Sebastians 的建议并使用 addeventlistener 进行事件处理也是明智之举。
button.addEventListener("click",jump);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。