Question

我正在使用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>

如果没有任何合理的方式，是否可以采用另一种方式将密码集成到游戏中，以便我可以轻松（或不那么容易）：D）获取输入的值并将其用于帆布？

Answer 1

虽然很难猜出你的问题是什么，但document.getElementById("...").value的问题可能是由于在呈现页面之前运行了你的javascript代码。

检查this jsfiddle以查看它是否符合您的要求。请注意我已使用选项No wrap - in <head>放置javascript代码并确保该函数存在于全局范围内。

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

1 个答案: