JavaScript不能在网站上工作

Question

我对编码非常陌生，所以这段代码非常糟糕。

我正在做一个简单的登录系统，真的很快，但现在我已经被吸进去，无法弄清楚我的代码有什么问题。非常感谢帮助。

用户名和密码是“admin”（我知道，这很糟糕，但本网站不会公开）。

HTML：

function loginUser() { 
 
    var usernameId; 
 
    usernameId = document.getElementById("username1").value; 
 
    if (usernameId == "admin") { 
 
    window.location = "home.html"; 
 
    } 
 
} 
 
function loginPassword() { 
 
    var passwordId; 
 
    passwordId = document.getElementById("password1").value; 
 
    if (passwordId == "admin") { 
 
    loginUser(); 
 
    } 
 
}

<form class="login-form"> 
 
    <input type="text" name="username1" placeholder="username"/> 
 
    <input type="password" name="password1" placeholder="password"/> 
 
    <button onClick="loginPassword()">login</button>

Answer 1

您使用name="username1"和name="password1"，但随后你要与getElementById()的元素。如果是这样，你需要使用的，而不是name属性id属性：

function loginUser() { 
 
    var usernameId; 
 
    usernameId = document.getElementById("username1").value; 
 
    if (usernameId == "admin") { 
 
    window.location = "home.html"; 
 
    } 
 
} 
 
function loginPassword() { 
 
    var passwordId; 
 
    passwordId = document.getElementById("password1").value; 
 
    if (passwordId == "admin") { 
 
    loginUser(); 
 
    } 
 
}

<form class="login-form"> 
 
    <!--    v---- changed here  ----> 
 
    <input type="text" id="username1" placeholder="username"/> 
 
    <!--     v---- and here  ----> 
 
    <input type="password" id="password1" placeholder="password"/> 
 
    <button onClick="loginPassword()">login</button> 
 
</form>