javascript - 如何使用 Javascript 从输入区域获取用户输入并将其分配给变量？

Question

我正在尝试制作一个简单的疯狂库类型游戏。为此，我需要执行以下操作:

1. 有空间供用户输入文本
2. 检索用户输入的文本
3. 使用 Javascript 将文本分配给变量
4. 将变量放入 Mad 库

我知道如何使用以下方法来做到这一点:

var userAnswer = prompt("Give me an answer");

但是，我想从文本输入字段获取输入。我试图执行以下操作，但卡住了:

1. 有 id="input1"的输入区域
2. 创建函数，获取 #input1 的内容并分配给变量。
3. 使用按钮运行函数

稍后我将在我的故事中使用这些变量

<label for='input1'>Verb + ing</label><input id='input1'>

<script>
    var setInputs = function() {
        var space1 = document.getElementById("input1").innerHTML;
    }
</script>

<button onclick="setInputs">Click me</button>

我的处理方式正确吗？

fiddle :http://jsfiddle.net/6rjf5k9n/

Answer 1

试试这个

<label for='input1'>Verb + ing</label><input id='input1'>

        <script>
        var setInputs = function() {
            var space1 = document.getElementById("input1").value;
            alert(space1);
        }


        </script>
             <button onclick="setInputs()">Click me</button>

.value 为您提供表单元素(输入、选择、文本区域)的当前设置值，而.innerHTML 根据元素包含的 DOM 节点构建 HTML 字符串。