۱ محدثه اسفندیاری
کار نکردن دکمه همبرگری
جامعه Html & CSS ایجاد شده در ۰۲ اسفند ۱۴۰۳

سلام خسته نباشید

وقتی روی ایکون همبرگر کلیک میکنم منو نشون داده نمیشه درحالی که وقتی responsive رو دستی در HTML اضافه مبکنم به nav , منو نمایش داده میشه.

function myFunc() {

  var x = document.getElementById("my_nav");

  if (x.className === "nav") {

    x.className += " responsive";

  }

}

 

کد جاوااسکریپت

سلام. وقتتون بخیر
کد جاوااسکریپت رو به این شکل تغییر بدید و اگر مشکل حل نشد ممنون می‌شم پروژتون رو به صورت کامل زیپ کنید و قرار بدید، یا در کدپن بارگزاری کنید و لینکش رو بدید تا بررسی کنیم.

document.addEventListener('DOMContentLoaded', function () {
  function myFunc() {
    var x = document.getElementById("my_nav");
    if (x.className === "nav") {
      x.className += " responsive";
    }
  }
  // اگر این تابع رو به دکمه همبرگر متصل کنید:
  document.getElementById('hamburger_icon').addEventListener('click', myFunc);
});
سحر پاشائی ۰۴ اسفند ۱۴۰۳، ۰۸:۰۵