如何显示输入值？

Question

我想显示我在输入中写的内容，但每次我尝试警报 window 时都显示“未定义”。这是代码。谢谢

<body>
    <input id="input"></input>
    <button id="search">search</button>
   
    <script>
        document.getElementById('search').addEventListener("click", show);
        var input = getElementById('input');
        var search = input.value;
        function show() {
          alert(search);
        }
    </script>
</body>

Answer 1

您必须将 var search 带入 show 函数声明，以便在每次事件发生时获得搜索框的新值。

function show(){
  var search = input.value;
  alert(search);
}

Answer 2

首先你需要使用 document.getElementById 而不仅仅是 getElementById。然后你需要把 var search = input.value 放在 show 函数里面，这样每次你想显示它时它都会得到当前值，而不仅仅是初始值。

document.getElementById('search').addEventListener("click", show);
var input = document.getElementById('input');

function show() {
  var search = input.value;
  alert(search);
}

<input id="input"></input>
<button id="search">search</button>

如何显示输入值？

How can I display the input value?

javascript

dom

input

addeventlistener

display