Javascript onclick olayının çakışması yada çalışmaması.
Merhaba, proje geliştiriyorum ve mobilde menü butonu için menünün açılıp kapanmasını sağlayacak küçük bir javascript kodu yazdım ama çalışmıyor.
Yani hata veriyor kod. Ve 2. onclick olayını silince hata alınmıyor.
//MENÜ AÇILIP KAPANMA
nav_btn.onclick = ()=>{
menu.style.display = "flex";
nav_btn.setAttribute("id","nav_btn_close");
}
nav_btn_close.onclick = ()=>{
menu.style.display = "none";
nav_btn_close.setAttribute("id","nav_btn");
}
//MENÜ AÇILIP KAPANMA//
Alınan hata görselde aşşağıda mevcuttur.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
Öyle yapmasan da bir class ekleyip çıkarsan mesela? Örn: active.
Bu kullanım doğru bir kullanım değil çünkü, bence menu'ye sabit bir id veya class ver css'lerini ona yaz sabit kalsın ve menü açma butonuna tıkladığında menu'ye active classı ekle.
Aynı Class'ı hamburger ve close şeklinde değişiyorsa butona da ekleyip çıkarabilirsin.
Bu işlem için classList.toggle("active") kullanabilirsin.
Kodun şu şekilde görünecektir;
nav_btn.onclick = ()=>{
menu.classList.toggle("opened");
nav_btn.classList.toggle("active");
}
Kolay gelsin.
Merhaba, teşekkürederim kod çalışıyor. Ben toggle mevzusunu çözemedim ama detaylı araştıracağım. Benim yazdığım kodda ne hata var ? Bakıp olan hatamı söyler misin ? Her türlü yolu denedim eventlistener click olsun fonksyiondan değişken alıp yazdırma olsun hepsi ilk başta çalışıyor ama kapanmıyor menü. Ben onclick olduğunda id seçmeyi yaptım öyle bir id bulamıyor onclick olmadığına rağmne. Ben onclick olunca yap diyorum ama onclick olmadan öyle bir id bulamıyor. Ya bende sorun var yada...
Merhaba @frexx, üstüne tekrar tıklayınca kapanacak zaten :) Toggle demek, örneğin active class'ı için, varsa sil yoksa ekle demektir. Yani açıksa kapatacak kapalıysa açacak :)