işlevi, aniden basit bir değişiklikten sonra çalışmayı durdurdu

Question

Yığınlardan iyi insanlar merhaba.

Bir sorum var.

Web siteme kısa süre önce bir yanıt menüsü ekledim. İyi çalıştı. Ama ikinci bir menü ekledim. Biri cep telefonları için yapılmış. Onu normal bir ölçekte saklıyorum ve mobil versiyonda gösteriyorum. Ama bu işlev aniden çalışmayı durdurdu. Biri hariç hiçbir isim değiştirilmedi, ancak buna müdahale edilmemelidir. İşte eski kodudur:

<div class="header"> 
     <div class="container"> 
      <ul class="nav"> 
       <li><a class="active_page" href="index.php">Home</a></li> 
       <li><a href="projects.php">Projects</a></li> 
       <li><a href="about.php">About</a></li> 
       <li><a href="contact.php">Contact</a></li> 
       <li class="icon"> 
        <a href="javascript:void(0);" onclick="myFunction()">≡</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

Ve burada yeni bir koddur:

<div class="header"> 
     <div class="container"> 
      <ul class="nav"> 
       <li><a class="active_page" href="index.php">Home</a></li> 
       <li><a href="projects.php">Projects</a></li> 
       <li><a href="about.php">About</a></li> 
       <li><a href="contact.php">Contact</a></li> 
      </ul> 
     </div> 
    </div> 

    <div class="header_mobile"> 
     <div class="container"> 
      <ul class="nav"> 
       <li><a href="#">Home</a></li> 
       <li><a href="projects.php">Projects</a></li> 
       <li><a href="about.php">About</a></li> 
       <li><a href="contact.php">Contact</a></li> 
       <li class="icon"> 
        <a href="javascript:void(0);" onclick="myFunction()">≡</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

Ve burada son fonksiyonudur:

function myFunction() { 
document.getElementsByClassName("nav")[0].classList.toggle("responsive"); 

}

Hepsi bağlantılıdır düzgün çünkü daha önce çalıştı. Umarım herkes bu konuda bana yardımcı olabilir.

Şimdiden teşekkürler.

DÜZENLEME: İşte web sitesine link, sadece onu görmek için mobil bunu ölçekli: İlk 'nav' öğesini seçerek http://portfoliotristan.esy.es/index.php

Answer 1

function myFunction() { 
    document.getElementsByClassName("nav")[1].classList.toggle("responsive"); 
} 

. 0 - 1'i değiştirerek ikinci nav öğesini seçmeniz gerekiyor.