Html страница не загружается (Javascript)

Question

Я пытался переключать страницы с одной страницы входа на другую. Кажется, он не загружается или я что-то не так делаю?

ссылка на код ручки: https://codepen.io/batajusasmit/pen/OJVyGEW

Вот мой код.

 function validate() {
     var username = document.getElementById('username').value;
     var password = document.getElementById('password').value;

         if (username == 'admin' && password == 'admin') {
             alert('login successful!');
             window.location = 'link.html';
             return false;
            }
          }

Answer 1

Я понял это. Мне просто нужна задняя часть sh.

 window.location.href = '/link.html'; 

Answer 2

Вы должны прекратить отправку на той же странице, а затем go на новое место

Вы использовали функцию validate() в кнопке onclick. Но вы должны использовать return validate(), который будет возвращать логическое значение, чтобы остановить отправку формы

function validate() {
 var username = document.getElementById('username').value;
 var password = document.getElementById('password').value;

     if (username == 'admin' && password == 'admin') {
         alert('login successful!');
         window.location = '/'; //change with your location
         return false;
        }
      }

<div class="container">
<form>
    <h1 id="form">Login!</h1>
    <div class="login">
        <label class="name">username:</label>
        <input id="username" class="username" type="text" placeholder="name...">

        <label class="pass">password:</label>
        <input id="password" class="password" type="password" placeholder="password...">

    </div>

    <div class="submit">
        <button id="submit" class="btn btn-primary" onclick="return validate()">Submit</button>
    </div>


   </form>
 </div>