Redirect to another html page using only html and javascript

Question

How to go to another page using only html and css. I have tried with

window.location.href="admin.html";

This statement not working.

<input type="text" value="Username" name="username" /><br>
<input type="text" value="Password" name="password" /><br>
<input type="button" value="Password" name="password" value="Log In" onClick="login()" /><br>

<script>
    function login() {
        var id = document.getElementById("username").value;
        var pass = document.getElementById("password").value;
        if (id == "admin" && pass = "admin")
            //Redirect to admin page
        else if (id == "employee" && pass = "employee")
        //Redirect to employee page
    }
</script>

`window.location.href="admin.html";` should work fine. Try providing a [mcve] of your problem. Check your browser's developer tools for error messages. — Quentin, Dec 12 '17 at 11:51
What does not working mean? What is the error on screen? In what directory have you placed admin.html? — Jonathan Chaplin, Dec 12 '17 at 11:52
By the way, it's a very bad idea to handle login with only Javascript like that (Security-wise reasons). — MercyDude, Dec 12 '17 at 12:12

score 2 · Answer 1 · answered Dec 12 '17 at 11:53

Your problem has nothing to do with the code you use to navigate. You never get that far.

Look at the developer tools in your browser. Examine the Console. You should see an error message like:

Uncaught TypeError: Cannot set property 'value' of null

document.getElementById("username") fails to find your element because you have no element with that id. The name and the id are different attributes and are not freely interchangable.

You have the same problem for the password field.

score 1 · Accepted Answer · answered Dec 12 '17 at 11:57

You have given the fields a name, not an id so your code will throw an error before reaching the redirect.
Is admin.html in the same scope/folder as this file? If not, you will need to specify the relative path to admin.html, eg: ../otherFolder/admin.html
Have you tried using window.location.replace(admin.html)?

Redirect to another html page using only html and javascript

2 Answers2