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

我正在做一个游戏，一开始它会问你的名字。我希望此名称保存为可变名称。我有以下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更改为：

var input = document.getElementById('userInput').value;

---

这将获得输入到文本框中的值，而不是DOM对象。它不起作用，因为

name

在JavaScript中是保留字。将函数名更改为其他名称

看

函数othername（）{
var input=document.getElementById（“userInput”）.value；
警报（输入）；
}

首先，让您的标记更具可移植性/可重用性。我还将按钮的类型设置为

'button'

，而不是使用

onsubmit

属性。如果表单需要与服务器交互，则可以将

type

属性切换为

submit

<div class='wrapper'>
<form id='nameForm'>
<div class='form-uname'>
    <label id='nameLable' for='nameField'>Create a username:</label>
    <input id='nameField' type='text' maxlength='25'></input>
</div>
<div class='form-sub'>
    <button id='subButton' type='button'>Print your name!</button>
</div>
</form>

<div>
    <p id='result'></p></div>
</div>

这是一个工作和轻松风格的演示：

---

就像我在PHP和JavaScript上使用的那样：

<input type="hidden" id="CatId" value="<?php echo $categoryId; ?>">

var categoryId = document.getElementById('CatId').value;

---

我发现这对我来说最合适 [我发现这对我有用试试这把小提琴][1]

document.getElementById（“btnmyNumber”）.addEventListener（“单击”，myFunctionVar）；
函数myFunctionVar（）{
var numberr=parseInt（document.getElementById（“myNumber”）.value，10）；
//警报（编号RR）；
如果（编号R>1）{
document.getElementById（“minusE5”）.style.display=“无”；
}}

点击我
函数myfunc（）{
var input=document.getElementById（'userinput'）；
警报（输入值）；
} 

---

---

我的意思是，如果HTML方面不需要变量，则提示脚本可以工作，即使在某些情况下，也可以使用函数

var save_user_input=prompt（'需要保存什么？'）；
//^为提示符的答案生成一个变量
if（保存用户输入==null）{
//^如果答案为空，则为零
//但是，如果它是nothing，则会被取消（如下所示）。如果它是“null”，则是用户所说的，然后分配给变量（我认为），但在提示回答窗口中也会像nothing一样为null，但按下ok。因此不能执行or“null”（看起来像：if（save_user_input==null | |“null”）{），因为（我也不知道这是否正确）变量为“null”。非常混乱
警报（“取消”）；
//^提醒用户已按下“取消”按钮。这次没有详细说明。
}
//^是if的结束（我被难住了为什么它不起作用，然后意识到这一点。记住这一点非常重要。）
否则{
警报（保存用户输入+“就是你说的”）；
//^提醒用户变量，并在末尾添加字符串“is you said”
}

我已经试过了，但它似乎不起作用。据我所知，它应该是……但我已经解决了这个问题！现在看起来很明显。结果是，在更改为“username（）”后，函数名为“name（）”的情况下，函数不起作用它工作得很好！只需将函数名称更改为其他名称，例如

用户名

，因为在JavaScript中，

名称

是一个保留字。欢迎使用此选项！您可以通过提供代码的简短描述来改进答案。有关更多指导，请参阅帮助部分（stackoverflow.com/help）。

function getUserName() {
var nameField = document.getElementById('nameField').value;
var result = document.getElementById('result');

if (nameField.length < 3) {
    result.textContent = 'Username must contain at least 3 characters';
    //alert('Username must contain at least 3 characters');
} else {
    result.textContent = 'Your username is: ' + nameField;
    //alert(nameField);
}
}

var subButton = document.getElementById('subButton');
subButton.addEventListener('click', getUserName, false); 

<input type="hidden" id="CatId" value="<?php echo $categoryId; ?>">

var categoryId = document.getElementById('CatId').value;