无法关闭侧边栏

Question

试图创建一个侧边栏。 设法让它打开，但它没有关闭，我不知道为什么。 代码中有什么问题？

预计它会在第一次单击菜单时打开，然后与另一个关闭，但它只是保持打开状态。

菜单是我单击以打开和关闭侧边栏的图标。

const menu = document.querySelector(".menu");
const sidebar = document.querySelector(".sidebar");

menu.addEventListener("click", sidebarWidth)

function sidebarWidth(){
    if(sidebar.style["width"] = "5vw"){
        sidebar.style["width"] = "15vw";
    } else {
        sidebar.style["width"] = "5vw"
    }
}

Answer 1

if语句中需要 2 或 3 个等号。 使用一个等号，您基本上是在说if( set sidebar.style["width"] to "5vw" ) 。

const menu = document.querySelector(".menu");
const sidebar = document.querySelector(".sidebar");

menu.addEventListener("click", sidebarWidth)

function sidebarWidth(){
    if(sidebar.style["width"] == "5vw"){
        sidebar.style["width"] = "15vw";
    } else {
        sidebar.style["width"] = "5vw"
    }
}

在以下位置了解有关if语句的更多信息：

• MDN - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else