window.location.href = 'home.html'; 는 현재 HTML 파일과 같은 폴더에 home.html이 있어야 작동합니다. 만약, home.html이 다른 폴더에 있다면 경로를 정확히 지정해야합니다. 예로들면 window.location.href = './pages/home.html'; 말이죠. HTML 코드에 <body>태그가 두번 사용되고 있습니다. 브라우저가 제대로 해석하지 못할 수도 있습니다. <body>는 한번만 사용해야하고, 로그인 폼과 네비게이션을 하나의 <body>안에 넣어야 합니다.
Visual Studio Code에서 HTML 파일을 더블클릭해서 열면 file:// 경로로 실행됩니다. 이방식은 window.location.href가 제대로 작동하지 않을 수 있습니다. Live Server 확장 프로그램을 설치하시고 HTML 파일을 우클릭 - "Open with Live Server"로 실행하시면 됩니다. login.js 파일이 HTML과 같은 폴더에 있어야 하고 HTML에서 <script src = "login.js"></script>가 제대로 연결되어야 합니다. <button>태그에 type="button"을 명시하지 않으면 기본적으로 submit으로 작동해 페이지가 새로고침이 될 수 있습니다. 예시로 HTML : <button id="로그인" type="button">로그인</button>