如何在页面重新加载时将JS窗口保持在屏幕上

Question

我仍在学习中，所以这就是为什么我转向你们！

我做了一个示例网站，该网站的菜单中有一个用于登录表单的按钮。 当按下时，javascript告诉该类放显示：none;显示。

我现在遇到的问题是，当我尝试登录网站并且凭据错误时，网站会刷新并显示问题消息的标题位置，从而使登录框消失/重置显示的默认框没有。

如果有人单击登录框“ x”或成功登录成功，我如何才能关闭该框？

  document.getElementById('login-nav').addEventListener('click',
function() {
  document.querySelector('.login-box').style.display = 'flex';
});

document.querySelector('.login-box-x').addEventListener('click',
  function() {
    document.querySelector('.login-box').style.display = 'none';
  });

enter image description here