在 JavaScript 中捕获输入

在 JavaScript 中，我们经常需要从用户或其他程序中获取输入数据，并将其用于进一步处理或输出。本文将介绍如何在 JavaScript 中捕获输入。

从用户输入捕获数据

我们可以通过获取用户输入来捕获数据。通常，我们使用 prompt() 函数来实现。示例如下：

let name = prompt("请问您的名字是？");
alert("你好，" + name + "！");

在此示例中，prompt() 函数将显示带有消息“请问您的名字是？”的对话框。用户可以在对话框中输入他们的姓名，并单击“确定”按钮。输入值将存储在 name 变量中，并用于最终 alert() 函数的输出。

从 HTML 元素中捕获数据

我们还可以从 HTML 元素（如表单）中获取数据。通常，我们使用 value 属性来获取输入框中的文本。示例如下：

<input type="text" id="name-input">
<button onclick="greet()">问候</button>

<script>
function greet() {
  let name = document.getElementById("name-input").value;
  alert("你好，" + name + "！");
}
</script>

在此示例中，我们为 HTML 输入框定义了一个 id（“name-input”），并在 JavaScript 中使用 document.getElementById() 方法选择该元素。然后，我们从 value 属性中获取文本，并使用它来输出问候语。请注意，这里我们将JavaScript代码写入了HTML中，但实际上，我们更倾向于将js写在外部文件中，这样更容易维护和管理。

结论

从用户或其他程序中获取输入数据是在 JavaScript 中常用的操作。我们可以使用 prompt() 函数从用户输入中捕获数据，也可以使用 value 属性从 HTML 元素中捕获数据。无论哪种方法，获取的数据都可以用于进一步的处理，如输出或计算。