Javascript jquery无法记录输入值

HTML:

搜索
var name=$（“#搜索栏”）.val（）；
$（“#搜索按钮”）。在（“单击”，函数（）上）{
console.log（名称）；
});

我正在尝试使用.val（）获取输入值，但当我记录控制台日志时，每次结果都是空的，有人能告诉我如何解决此问题吗？

$（“#搜索按钮”）。在（“单击”，函数（）{
var name=$（“#搜索栏”）.val（）；//应该在这里
console.log（名称）；
});

Search
在脚本加载时，
name
变量只设置了一次，此时它实际上为空并保持此状态

在函数体中声明它，以便在每次函数调用中获得新的实际值


$（“#搜索按钮”）。在（“单击”，函数（）{
var name=$（“#搜索栏”）.val（）；
console.log（名称）；
});

搜索
您需要使用：
$（“#搜索栏”）.val（）获取值。


var name=$（“#搜索栏”）.val（）；
$（“#搜索按钮”）。在（“单击”，函数（）上）{
log（$（'#搜索栏'）.val（））；
});

搜索
put
var name=$（“#搜索栏”）.val（）内部点击谢谢！这就解决了问题
<div id="Background">
    <input id="search-Bar" type="text"> 
    <button id="SearchButton">Search</button>
</div>

var name = $("#search-Bar").val();
$("#SearchButton").on("click", function() {
    console.log(name);
});