웹 사이트에서 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>