Включите, если/другое заявление в переключатель заявление

Question

Я нашел пример на http://www.w3schools.com/ как создать a responsive navigation bar

пример имеет немного JavaScript в форме, если/другое заявление. Я бы предпочел использовать оператор switch.

Однако моя инструкция switch не работает, когда я нажимаю значок и не выдаю никаких ошибок.

Example в JS код:

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

Мой коммутатор заявление:

var x = document.getElementById("myTopnav"); 
switch (x) { 
    case "topnav": 
     x.className += " responsive"; 
     break; 

    default: 
     x.className = "topnav"; 
} 

Answer 1

Вы сравнения x:

switch (x) 

Но оригинальный код сравнения x.className:

if (x.className === "topnav") 

x.clasName Включите вместо:

switch (x.className) 

Answer 2

Вы очень близки!

Просто своп в x.className в вашем switch(x) заявлении, и вы хорошо идти:

var x = document.getElementById("myTopnav"); 
// use x.className below... 
switch (x.className) { 
    case "topnav": 
     x.className += " responsive"; 
     break; 

    default: 
     x.className = "topnav"; 
}