我的菜单无法正常工作。我已经写了.js,但是出现了一个错误
“错误:解析错误:关键字'const'被保留const navSlide =()=> {”
.js我还很陌生,所以我真的才刚开始。
这是我的网站:http://chrislovos.com/chris-lovos/index.html
这是代码:
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 ${index / 7 + 1.5}s';
}
}); //Burger Animation
burger.classList.toggle('toggle');
});
}
navSlide();