从用户获取HTML输入

时间:2015-03-08 10:00:45

标签: javascript jquery html

我正在制作一个游戏,我有一个html文本框<form> <input> </form>,用户将输入一个数字并使用html按钮<button>提交。如何使用JavaScript获取数字,以便我可以在我的game.js中使用它,以便我知道用户在按下提交按钮时需要多少生命?

我不太确定这是否是正确的方法,但我在考虑获取id标签的<input>,然后对于JavaScript部分我会使用.getElementById分类?但是,我不确定如何合并提交按钮,这样只有在按下时,我才会收到用户输入的内容。

还是有另一种更好的方法吗?如果可能的话,您能提供一个代码示例吗?

如果需要澄清,请告诉我,谢谢!

1 个答案:

答案 0 :(得分:2)

有多种方法可以满足您的要求,其中一种方法就是在评论中使用cristian(使用jquery)。

In this jsfiddle page我已经展示了使用javascript进行操作的示例方法。

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

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