从用户获取HTML输入

Question

我正在做一个游戏，我有一个HTML文本框<form> <input> </form> ，用户可以在其中输入数字并使用html按钮<button>提交。 如何使用JavaScript获取数字，以便可以在game.js使用它，以便在按下“提交”按钮时知道用户想要多少生命？

我不太清楚，如果这是正确的做法，但我想获取id的的<input>标签，然后JavaScript的一部分，我会用.getElementById某种？ 但是，我不确定如何合并“提交”按钮，以便仅在按下该按钮时，我才能收到用户输入的内容。

还是有另一种更好的方法来做到这一点？ 并且，如果可能的话，您可以提供执行此操作的代码示例吗？

让我知道是否需要澄清，谢谢！

Answer 1

有多种方法可以满足您的要求，一种方法就是cristian在注释中显示（使用jquery）。

在这个jsfiddle页面中，我展示了一个仅使用JavaScript的示例方法。

页面中使用的代码如下所示：

document.getElementById("submit").onclick = function(){
    var a = document.getElementById("input").value;
    alert("The entered value is: "+a);
}