html javascript 获取input的当前值

在HTML中，如果你想获取`<input>`元素的当前值，可以使用JavaScript。以下是几种常见的方法：

1. **直接访问**:
如果输入是一个简单的文本框 `<input type="text">`，你可以通过其id选择器获取值，例如：

   var inputValue = document.getElementById("yourInputId").value;

2. **使用querySelector** 或 `document.querySelector()`:
如果你想根据标签名而非ID获取，可以这样做：

   var inputValue = document.querySelector('input[type="text"]').value;

3. **事件监听**:
当用户修改输入值时，可以在`input`事件上监听，如：

   document.getElementById("yourInputId").addEventListener("input", function() {
     var inputValue = this.value;
   });

4. **封装到函数中**:
如果有多处需要获取输入值，可以创建一个通用的函数：

   function getInputValue(id) {
     return document.getElementById(id).value;
   }
   var inputValue = getInputValue("yourInputId");