javascript display none not working

Question

ボタン（アイコン）がクリックされたときにナビゲーションバーを表示しようとしています。もう一度クリックすると表示されなくなります。最初の部分は表示されているところで動作しますが、もう一度クリックすると何も起こりません。私はなぜ第二の部分が無視されているのか理解できません。あなたがdisplay文字列値を比較する際equality operator===を使用する必要が

let nav = document.querySelector("nav"); 
let icon = document.querySelector(".mobile-icon"); 
console.log(nav); 
icon.addEventListener("click", showMenu) 

function showMenu() { 
if (nav.style.display = "none"){ 
nav.style.display = "block"; 
} else { 
    nav.style.display = "none"; 
} 

} 

Answer 1

をありがとうございます。

function showMenu() { 
    if (nav.style.display === "none"){ 
    nav.style.display = "block"; 
    } else { 
    nav.style.display = "none"; 
    } 
}