Javascript 我想将一个值推送到一个数组，然后发出警报，但什么都没有显示？

我写这个代码块是为了得到一些值并提醒它。 但在警报窗口中没有显示任何内容。 我意识到我可以将“inputValue”变量移动到函数中来解决这个问题，但我不知道为什么

JavaScript:

let array = [];
let textInput = document.getElementById('textInput');
let button = document.getElementById('button'); 

let inputValue = textInput.value;

function push(){
    alert(inputValue);
}


button.addEventListener('click' , push);

HTML代码部分：

    <input type="text" id="textInput">
    <input type="button" id="button" value="push to array">

---

这是因为当加载站点时，它将获取输入字段值，而此时它是空的

单击按钮时，您必须获取输入值。 所以把这个角色

let inputValue = textInput.value;

在您的push（）方法中，该方法在单击按钮时被调用，它将工作。下面的代码片段演示了这一点

let数组=[]；
设textInput=document.getElementById（'textInput'）；
let button=document.getElementById（'button'）；
函数push（）{
让inputValue=textInput.value；
警报（输入值）；
}
按钮。addEventListener（“单击”，按）
这是因为当加载站点时，它将获取输入字段值，而此时它是空的

单击按钮时，您必须获取输入值。
所以把这个角色

let inputValue = textInput.value;

在您的push（）方法中，该方法在单击按钮时被调用，它将工作。下面的代码片段演示了这一点


let数组=[]；
设textInput=document.getElementById（'textInput'）；
let button=document.getElementById（'button'）；
函数push（）{
让inputValue=textInput.value；
警报（输入值）；
}
按钮。addEventListener（“单击”，按）
您可以像下面的示例那样重新编写代码片段
textInput
应该是一个
const
，在
push
函数中只需使用
textInput.value


let数组=[]；
const textInput=document.getElementById（'textInput'）；
const button=document.getElementById（'button'）；
函数push（）{
警报（textInput.value）；
}
按钮。addEventListener（“单击”，按）
您可以像下面的示例那样重新编写代码片段
textInput
应该是一个
const
，在
push
函数中只需使用
textInput.value


let数组=[]；
const textInput=document.getElementById（'textInput'）；
const button=document.getElementById（'button'）；
函数push（）{
警报（textInput.value）；
}
按钮。addEventListener（“单击”，按）