javascript - 如何调用带可变参数的函数

Question

我正在尝试在文本框中键入文本，当我单击按钮时，它会提醒我输入文本。我似乎无法让变量在函数中工作。我不确定“var i = document.getElementById('apple').value;”是正确的。

document.querySelector("input[type=button]").addEventListener("click", function(event){

alert(i);});

<form>
Enter:<br>
<input type="text" name="inputbox" id="apple">
<input type="button" name="alert" value="alert">
</form>

<script>
var i = document.getElementById('apple').value;

document.querySelector("input[type=button]")
     .addEventListener("click",function(event){

alert(i);});
</script>

演示:http://codepen.io/michaelaharvey/pen/QyKvme

我也试过:

var i = form.inputbox.value; 

但这也没有用

Answer 1

document.querySelector("input[type=button]")
.addEventListener("click",function(event){
  var i = document.getElementById('apple').value;
  alert(i);
});

您需要在点击时查询值。