JavaScript funktioniert nicht auf der Website

Question

Ich bin ziemlich neu in der Codierung, so dass dieser Block Code wirklich schlecht ist.

Ich mache ein einfaches Login-System wirklich schnell, aber jetzt bin ich eingesaugt worden und kann nicht herausfinden, was mit meinem Code falsch ist. Hilfe wird sehr geschätzt.

Der Benutzername und das Passwort ist "admin" (ich weiß, es ist schlecht, aber diese Website wird nicht öffentlich sein).

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

Sie verwenden name="username1" und name="password1", aber Sie sind dann die Elemente mit getElementById() bekommen. Wenn ja, müssen Sie das id Attribut verwenden, anstatt des name Attribut:

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>