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

Question

我试图制作一个简单的疯狂的libs类型的游戏。为此，我需要执行以下操作：

1. 拥有用户可以输入文字的空间
2. 检索用户输入的文字
3. 使用Javascript
为变量指定文本
4. 将变量放入Mad libs

我知道如何使用以下内容执行此操作：

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

但是，我想从文本输入字段获取输入。我试图做以下事情，但我被卡住了：

1. 输入区域为id =＆＃34; input1＆＃34;
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>

我是否以正确的方式解决这个问题？

小提琴：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为您提供表单元素的当前设置值（input，select，textarea），而 .innerHTML基于元素包含的DOM节点构建HTML字符串。