Javascript功能间歇性工作

我有一个由容器中的三个 div 组成的汉堡图标。单击此图标时，我调用了 Javascript 函数。第一部分触发 CSS 转换以创建 X 并更改其中一个汉堡图标 div 的不透明度。该功能的第二部分通过更改左侧的数量使导航菜单进入视图和退出视图。

当我在浏览器中运行它时，第一部分工作正常，但是第二部分工作间歇性地工作。这也导致汉堡图标的状态与导航菜单不正确匹配。

代码笔

 <script>
function burgerNav(x) {
 x.classList.toggle("burgerAnimate");
  if (document.getElementById("menu-container").style.left = "-450px")  {
    document.getElementById("menu-container").style.left = "0px";
  }
  else {
    document.getElementById("menu-container").style.left = "-450px";
  }
}   </script>`

回答

if (document.getElementById("menu-container").style.left === "-450px") {}