Javascript 如何从HTML表单获取数据并在HTML画布脚本中使用它

Javascript 如何从HTML表单获取数据并在HTML画布脚本中使用它,javascript,html,forms,canvas,Javascript,Html,Forms,Canvas,我正在使用HTML画布做一个游戏,我在HTML页面上的表单中放置了几个输入框,用户需要在其中输入级别的密码,以便继续下一个。但问题是,如果输入了正确的密码,我无法理解如何获取输入框的值并让脚本进入级别,如果输入框中没有任何内容,则什么也不做。(脚本位于外部JavaScript文件中)我尝试了“正常”方式(变量中的document.getElementById(“…”).value对象,然后根据需要对其进行操作),但显然不起作用 下面是HTML页面的表单部分,以防它有所帮助,但脚本中确实没有与之相

我正在使用HTML画布做一个游戏,我在HTML页面上的表单中放置了几个输入框,用户需要在其中输入级别的密码,以便继续下一个。但问题是,如果输入了正确的密码,我无法理解如何获取输入框的值并让脚本进入级别,如果输入框中没有任何内容,则什么也不做。(脚本位于外部JavaScript文件中)我尝试了“正常”方式(变量中的
document.getElementById(“…”).value
对象,然后根据需要对其进行操作),但显然不起作用

下面是HTML页面的表单部分,以防它有所帮助,但脚本中确实没有与之相关的内容

<form id="passes">  
Level 2 password: <input type="text" id="level2pass" /><br />  
Level 3 password: <input type="text" id="level3pass" /><br />  
Level 4 password: <input type="text" id="level4pass" /><br />  
Level 5 password: <input type="text" id="level5pass" /><br />  
Bonus level password: <input type="text" id="bonuslevelpass" />  
</form>

二级密码:
三级密码:
4级密码:
第5级密码:
奖金级别密码:

如果没有任何可行的方法,是否有另一种方法将密码集成到游戏中,这样我就可以轻松地(或不那么容易地:D)获取输入值并在画布中使用它?

虽然很难猜测您的问题是什么,但可能是您的
document.getElementById(“…”)问题.value
是由于在呈现页面之前运行javascript代码造成的


看看这是不是你想要的。请注意,我使用了选项
No wrap-in
来放置javascript代码,并确保函数存在于全局范围内。

您是否有一个脚本不起作用的示例?虽然很难猜测您的问题是什么,但可能是
document.getElementById(“…”)的问题.value
是因为在呈现页面之前运行javascript代码。这正是问题所在!真不敢相信我居然没想到。谢谢。@Georgedache不客气。然后你能接受答案让其他人看到你的问题已经解决了吗?