Javascript 为什么底部的代码没有执行？

底部的代码无法识别，但我不知道原因。有人看到问题了吗

我的整个JavaScript文件的代码是：

const navSlide = () => {
const burger = document.querySelector('.burger');
const nav = document.querySelector('.nav-links');
const navLinks = document.querySelectorAll('.nav-links li');

burger.addEventListener('click', () => {
    //Toggle nav
    nav.classList.toggle('nav-active');

    //Animate Links
    navLinks.forEach((link, index) => {
        if(link.style.animation) {
            link.style.animation = '';
        }
        else {
            link.style.animation = `navLinkFade 0.5s ease forwards 0.5s`;
        }
    });
    //Burger animation
    burger.classList.toggle('toggle');

});

};

navSlide();

// dont show arrow at mobile - code is not recognized? :/ ...
window.resize(function() {

if (window.innerwidth() <= 1024) {

  document.getElementById("myElement").innerHTML = "Hunde";

} else if (window.innerwidth() >= 1024){

    document.getElementById("myElement").innerHTML = "Hunde&#8595;";

  }


  }).resize();

const导航幻灯片=（）=>{
const burger=document.querySelector（'.burger'）；
const nav=document.querySelector（'.nav links'）；
const navLinks=document.queryselectoral（'.nav links li'）；
burger.addEventListener（'click'，（）=>{
//切换导航
nav.classList.toggle（'nav-active'）；
//动画链接
navLinks.forEach（（链接，索引）=>{
if（link.style.animation）{
link.style.animation=''；
}
否则{
link.style.animation=`navLinkFade 0.5s缓进0.5s`；
}
});
//汉堡动画
burger.classList.toggle（'toggle'）；
});
};
导航幻灯片（）；
//不在手机上显示箭头-无法识别代码？：/。。。
window.resize（函数（）{
if（window.innerwidth（）=1024）{
document.getElementById（“myElement”）.innerHTML=“Hunde↓；”；
}
}).resize（）；

我想更改的相应html是：

<a class="atag hunde" href="#">Hunde&#8595;</a>

---

我的目标是，当屏幕宽度小于1024px时，箭头消失，但我认为底部的代码无法识别。

document.getElementsByClassName（）

返回html元素列表。如果要选择单个目标，最好使用

document.getElementById（）

---

getElementsByClassName

返回类似数组的项集合，因此需要单独访问每个元素：

var elements=document.getElementsByClassName（“hunde”）；
var numElements=elements.length；
对于（变量i=0；i}

如果内部宽度正好是1024，它可能不知道该怎么办。你试过“=”吗？ e、 g

---

if（window.innerwidth（）我想我发现了您在使用javascript时遇到的问题，您使用的窗口大小调整代码是用于jquery的：

Javascript

window.onresize = function() {
    if (window.innerWidth <= 1024) {
        document.getElementById("link_id").innerHTML = "Hunde";
    } else if (window.innerWidth > 1024){
        document.getElementById("link_id").innerHTML = "Hunde&#8595;";
    }
}

window.onresize=function（）{
如果（window.innerWidth 1024）{
document.getElementById（“link_id”）.innerHTML=“Hunde↓；”；
}
}

jQuery

$(window).on('resize', function(){
    var win = $(this); 
    if (win.width() <= 1024) {
        document.getElementById("link_id").innerHTML = "Hunde";
    } else if (win.width() > 1024){
        document.getElementById("link_id").innerHTML = "Hunde&#8595;";
    }
});

$（窗口）.on（'resize'，function（））{
var win=$（此）；
if（win.width（）1024）{
document.getElementById（“link_id”）.innerHTML=“Hunde↓；”；
}
});

HTML

<a class="atag hunde" id="link_id" href="#">Hunde&#8595;</a>


这是否回答了您的问题？是的，正如前面所说，只需使用
document.querySelector（“.hunde”）
，
getElementsByClassName
返回元素集合，或者只需使用
getElementsByClassName（“hunde”）[0]
，但是
querySelector
更好我已经尝试了查询选择器和getElementById，但它也不起作用^^^我知道问题所在^^这是我的全部JavaScript代码，底部是不起作用的代码：它只是一个标记，所以不需要循环^我现在尝试了getElemtentById，但它也不起作用：/you给元素一个id？
id=“myID”
是的，我给它起了一个名字“myElement”用于试用我添加了=但问题仍然存在：/I我只有一个元素具有该类^^^^也尝试了id alreadyIt即使只有一个元素也仍然返回数组。如果不想循环使用1项，您可以这样访问它：）-->document.getElementsByClassName（“hunde”）[0]啊，好了，现在我明白了这一部分。谢谢我现在发现了问题。这是我的密码。我已经在上面定义了一个函数，并将代码放在下面。现在JavaScript无法识别它。
window.onresize = function() {
    if (window.innerWidth <= 1024) {
        document.getElementById("link_id").innerHTML = "Hunde";
    } else if (window.innerWidth > 1024){
        document.getElementById("link_id").innerHTML = "Hunde&#8595;";
    }
}

$(window).on('resize', function(){
    var win = $(this); 
    if (win.width() <= 1024) {
        document.getElementById("link_id").innerHTML = "Hunde";
    } else if (win.width() > 1024){
        document.getElementById("link_id").innerHTML = "Hunde&#8595;";
    }
});

<a class="atag hunde" id="link_id" href="#">Hunde&#8595;</a>