Javascript 函数不返回的原因

为什么每次我点击按钮x都没有改变，所以我需要一些帮助

var x = 0;
document.querySelector('#btn').addEventListener('click', function(){
    x = 1;
    return x;
})
if(x == 1){
    alert("Hey")
}

---

这是一个范围问题。函数范围内的x值设置为1，但在范围外，其值设置为0。因此，事件处理函数内的任何代码集都将设置为函数范围内新声明的值

如果需要在页面上显示该值，只需将显示代码设置在函数范围内，而不是外部

看我的例子。。。x的值在按钮事件之前设置。它被设置为外部范围值，我们在事件处理程序范围内重置该值，然后在范围内的页面上显示该值以将其设置为所需的值。但是，查看x的console.log，我们可以看到x的值在事件处理程序的范围之外仍然设置为0

var x=0； var displayTxt=document.getElementByIddisplay； displayTxt.textContent=x； document.querySelector'btn'。addEventListener'click'，函数{ x=1； console.logscope函数内的“x”的范围：+x 如果x==1{ alertHey，函数中x的作用域设置为：+x } displayTxt.textContent=x； 返回x； } console.logscope的“x”在函数外部：+x

---

x的值当前设置为：

将if语句移动到click事件中如何

var x = 0;
document.querySelector('#btn').addEventListener('click', function(){
    x = 1;
    if(x == 1){
        alert("Hey");
        }
});

---

输入更多代码。为什么每个人都在使用querySelector？这是新的新冠病毒，到处传播@djcaesar9114那么如何修复它如何显示您的完整代码。这是完整的javascript代码，在html中，只有在正文中单击，如果在页面加载时只运行一次，则永远不会为真