JavaScript zeigt kein Navigationsmenü an

Question

Das mobile Menü Sieht gut aus und reagiert auf die Größenänderung, aber wenn Sie auf das Menü für Handys klicken, erscheint es nicht oder reagiert überhaupt nicht.

<nav> 
     <ul class="topnav" id="myTopnav"> 
     <li><a href="index.html" class="selected">Home</a></li> 
     <li><a href="about.html">About</a></li> 
     <li><a href="skills.html">Skills</a></li> 
     <li><a href="mywork.html"> My Work </a></li> 
     <li><a href="contact.html">Contact</a></li> 
     <li class="icon"> 
     <a href="scripts.js:void(0);" onclick="myFunction()">&#9776;</a> 
    </li> 
    </ul> 
    </nav> 

Dies ist die JavaScript

function myFunction() { 
var x = document.getElementById("myTopnav"); 
if (x.className === "topnav") { 
    x.className += "responsive"; 
} else { 
    x.className = "topnav"; 
} 

}

Answer 1

Sie ein Leerzeichen vor "responsive" einsetzen können. Gefällt mir:

function myFunction() { 
    var x = document.getElementById("myTopnav"); 
    if (x.className === "topnav") { 
     x.className += " responsive"; 
    } else { 
     x.className = "topnav"; 
    } 
}