Javascript 试图从文本输入字段获取文本值，但它'；s即使字段中有文本，也以空白形式登录到控制台

正在尝试使用Google Maps API初始化地图。以数字形式输入中心的纬度和经度。收到一个表示它们不是NUMEBR的错误

//抓住搜索框
让searchBox=document.getElementById（'search-entry'）；
//获取用户在搜索框中输入的文本
让searchEntry=searchBox.value；
//抓住搜索按钮
让searchButton=document.getElementById（'search-button'）；
//函数来拆分搜索条目
函数searchEntrySplitter（）{
让splitSearchEntry=searchEntry.split（“”）；
console.log（splitSearchEntry）；
}
//正在按下提交按钮的事件侦听器
searchButton.addEventListener（'click'，searchEntrySplitter，false）

搜寻

页面加载时，即当用户没有机会在字段中设置值时，将执行

let

语句

将用于表示用户输入的变量的声明移动到主要功能体（

searchEntrySplitter（）

）中，以在单击按钮时从搜索字段中提取数据

//抓住搜索按钮
让searchButton=document.getElementById（'search-button'）；
//函数来拆分搜索条目
函数searchEntrySplitter（）{
//抓住搜索框
让searchBox=document.getElementById（'search-entry'）；
//获取用户在搜索框中输入的文本
让searchEntry=searchBox.value；
让splitSearchEntry=searchEntry.split（“”）；
console.log（splitSearchEntry）；
}
//正在按下提交按钮的事件侦听器
searchButton.addEventListener（'click'，searchEntrySplitter，false）

搜寻

发生这种情况是因为您在输入没有内容时声明了

searchEntry

变量，因此在加载DOM时该变量被设置为空字符串。如果将

searchEntry

的声明移动到click事件的范围，则每次按下按钮时都会更新该声明。

//抓住搜索框
让searchBox=document.getElementById（'search-entry'）；
//抓住搜索按钮
让searchButton=document.getElementById（'search-button'）；
//函数来拆分搜索条目
函数searchEntrySplitter（）{
//获取用户在搜索框中输入的文本
让searchEntry=searchBox.value；
让splitSearchEntry=searchEntry.split（“”）；
console.log（splitSearchEntry）；
}
//正在按下提交按钮的事件侦听器
searchButton.addEventListener（'click'，searchEntrySplitter，false）

搜寻