获取用户输入 JavaScript

当编写 JavaScript 程序时，你可能需要从用户那里获取一些输入。JavaScript 提供了多种方式来实现这一点。

prompt() 方法

prompt() 方法是最简单的方法来获取用户输入。它会在弹出窗口中显示一个输入框，用户可以在其中输入文本。当用户点击“确定”按钮时，prompt() 方法会返回文本字符串。如果用户点击了“取消”按钮，则返回 null。

用法：

var name = prompt("请输入你的名字：", "张三");

• 第一个参数是弹出窗口的提示内容。
• 第二个参数是输入框中的默认文本。

**注意：**prompt() 方法返回的值是字符串类型，如果需要在程序中进行其他操作，需要将其转换为相应的类型。

HTML 表单

另一种获取用户输入的方法是使用 HTML 表单。这比起 prompt() 方法来说更灵活，可以同时获取多个输入值。

<form>
  <label for="name">名字：</label>
  <input type="text" id="name" name="name"><br>
  <label for="age">年龄：</label>
  <input type="number" id="age" name="age"><br>
</form>

然后，通过 JavaScript 获取表单中的输入值。

var name = document.getElementById("name").value;
var age = document.getElementById("age").value;

事件监听器

你可以将事件监听器添加到页面元素上，以便在用户进行操作时获得输入值。

<input type="text" id="myInput">
<button id="myButton">点击获取输入值</button>

document.getElementById("myButton").addEventListener("click", function(){
  var input = document.getElementById("myInput").value;
  alert(input);
});

这个例子显示一个输入框和一个按钮。当用户单击按钮时，会弹出一个对话框，其中包含输入框中的值。

结论

以上，我们介绍了三种获取用户输入的方法。你可以根据需要选择其中的任何一种。如果只需要获取一两个输入值，使用 prompt() 方法是最简单的方法。如果需要获取多个输入值，HTML 表单是更好的选择。而当需要获取用户输入时触发一些操作时，你可以将事件监听器添加到页面元素上。