如何将HTML输入文本传递给JS变量?

时间:2014-06-04 20:19:23

标签: javascript html variables input prompt

所以我一直在制作一个游戏,你有一个输入提示你做出的动作。所以我需要能够输入一个JS var,这样我就可以在页面上打印输入文本,并让计算机在需要时响应和操作它。有没有人有办法做到这一点?我希望你能提供帮助。

这是我到目前为止所拥有的

<p style="font-size:33px; color:red;"> Trapped in a Room</p>
<hr/><br/><br/><br/><br/><br/>
<p id="comtxt">You wake up trapped in a room and need to find a way out.<br/>Use the input bar below as a action prompt.</p>
<p id="usertxt"></p>
<form script="answer();">
<input id="prompt" width="60" type="text">
<input id="sub" type="submit">
</form>

然后是javascript

 var prompt = getElementById("prompt");
var comtxt = getElementById("comtxt");
var sub = getElementById("sub");
var usertxt = getElementById("usertxt");
var answer = function() {
    usertxt = prompt;
}

抱歉,如果JS难以阅读......

1 个答案:

答案 0 :(得分:1)

var sender = document.getElementById("sub");

sender.addEventListener("click", setInputText, false);

function setInputText (){
    var inpTxt = document.getElementById("prompt").value;
    document.getElementById("usertxt").innerHTML = inpTxt;
};

这里是小提琴http://fiddle.jshell.net/7d8fH/8/