<p>임의의 사용자에 대한 로그인 양식을 만들어야 합니다. 비밀번호가 틀리면 비밀번호 상자가 빨간색(테두리 색상)으로 바뀌고, 비밀번호가 맞으면 녹색으로 바뀌어야 합니다. Javascript 코드를 도와주실 수 있나요? 제가 실수를 했다면 제 영어를 용서해주세요. 감사해요. </p>
<p>이것을 시도해 보았으나 색상이 변하지 않았습니다. </p>
<p>
<pre class="brush:js;toolbar:false;">var 사용자 = [{
사용자 이름: 'new_user',
비밀번호: "123456789",
}]
기능 로그인(이메일, 비밀번호) {
var email = document.getElementById("email").value
var 비밀번호 = document.getElementById("password").value
for (var 사용자 사용자) {
if ((이메일 === user.email || 이메일 === user.username) && 비밀번호 === user.password) {
var block = document.querySelector('.nav');
block.style.display = "블록"
var errMsg = document.querySelector('.loginForm .errorMessage')
errMsg.style.display = "없음"
var form = document.querySelector('.loginForm')
form.style.display = "없음"
var name = document.getElementById("사용자 이름")
name.innerHTML = 사용자.이름;
로그된 사용자 = 사용자;
clearValue("이메일");
ClearValue("비밀번호")
} 또 다른 {
var errMsg = document.querySelector('.loginForm .errorMessage')
errMsg.style.display = "차단"
var PasswordBox = document.querySelector(".loginForm input.password")
PasswordBox.style.border.color = "빨간색"
}
}
}</pre>
<pre class="brush:html;toolbar:false;"><div id="loginForm" class="loginForm">
로그인
<input id="email" type="text" class="email" placeholder="이메일 또는 사용자 이름">
<input onkeyup="loginOnEnter(event)" id="password" type="password" class="password" placeholder="password">
<p class="errorMessage">*올바른 비밀번호를 입력하세요</p>
<button onclick="login()" class="login-btn">로그인</button>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
아마도 CSS일 겁니다. 시도해 보세요:
style.borderColor = 'red';