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

标签 javascript input

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

  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/

最佳答案

试试这个

<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 字符串。

关于javascript - 如何使用 Javascript 从输入区域获取用户输入并将其分配给变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25678546/

相关文章:

javascript - HTML - 如何显示下拉菜单中的选定值并将其定向到新的 HTML 页面

javascript - 从 Javascript 选择 radio 控件

Java - 将用户输入放入数组中

input - 将 GitHub Actions 工作流中的输入值绕过到 terraform 变量文件

php - 使用按钮从 php 向 javascript 发送数据

javascript - vanilla JavaScript 当函数完成时,做一些事情

javascript - 从键盘输入时提交按钮会刷新整个页面

javascript - 如何在用户键入时更改输入的类?

javascript - 如何使用正则表达式过滤掉没有逗号的任何内容?

javascript - 为什么 string.replace() 不适用于包含括号的字符串?