Javascript 使用vanilla Js在事件处理程序中更改innerWidth时正确响应

我希望在视口小于1024pxs时更改元素的

innerHTML

我应该不使用任何jQuery，只使用vanillaJS

到目前为止，我尝试了以下解决方案：

(function changeTextualName() {

if (window.innerWidth <= 1024) {
    document.querySelector(".logo-text a").innerHTML = "example1 <br> example2";
} else {
    document.querySelector(".logo-text a").innerHTML = "example1 | Example2";
}

}());

（函数changeTextualName（）{
如果（window.innerWidth只需在“resize”事件侦听器中调用您的方法


函数changeTextualName（）{
如果（window.innerWidth）有一个小错误，事件侦听器应该侦听“resize”window.addEventListener（'resize'，function（）{//your code}）；感谢Saar的评论和回答，我理解我的错误：我在网页引导中调用了一次函数，没有正确启动回调概念，因此每次调整大小时都没有回调。我感谢Saar的帮助。哦，我理解我的错误：我在网页引导中调用了一次函数，没有启动回调概念正确，因此每次调整大小时都没有回调。多亏了您，我理解了我的错误。很高兴提供帮助：）在您的changeTextualName函数中，仅执行警报（1）；然后看看它是否被调用。是的。如果你现在访问该网站，它就是。抱歉，那里有一个输入错误。紧张的一天，我生活中非常艰难的一年，很多困惑。无论哪种方式，我都应该使用IDE，而不是简单的文本编辑器。
(function changeTextualName() {

window.addEventListener("innerWidth <= 1024", function() {
        document.querySelector(".logo-text a").innerHTML = "example1 <br> Example2";
}

}());