javascript – 如何将用户输入保存到html和js中的变量中

我正在制作一个游戏,一开始它会询问你的名字.我希望将此名称保存为varible.我有这个 HTML代码：

<form id="form" onsubmit="return false;">
<input   style=position:absolute;top:80%;left:5%;width:40%; type="text" id="userInput">
<input   style=position:absolute;top:50%;left:5%;width:40%; type="submit"    onclick="name()">
</form>

这是javascript部分：

function name()
{
var input = document.getElementById("userInput");
alert(input);
}

解决方法

它不起作用,因为name是JavaScript中的保留字.将函数名称更改为其他名称.

见http://www.quackit.com/javascript/javascript_reserved_words.cfm

<form id="form" onsubmit="return false;">
    <input style="position:absolute; top:80%; left:5%; width:40%;" type="text" id="userInput" />
    <input style="position:absolute; top:50%; left:5%; width:40%;" type="submit" onclick="othername();" />
</form>

function othername() {
    var input = document.getElementById("userInput").value;
    alert(input);
}