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>