instrgram 클론 코딩

로그인 페이지

• 기능 구현 리스트

1. id 및 비밀번호의 값이 1이상이면 로그인 버튼이 활성화 하는 기능 구현 완료

const loginId = document.querySelector('#loginId');
const loginPw = document.querySelector('#loginPw');
const loginBtn = document.querySelector('.login__btn');

let loginIdValue = 0;
let loginPwValue = 0;

loginId.addEventListener('keyup', function(e) {
    loginIdValue = this.value; 
    changeLoginBtnColor();
});  

loginPw.addEventListener('keyup', function(e) {
    loginPwValue = this.value;
    changeLoginBtnColor();
});

function changeLoginBtnColor() {
   return (loginIdValue.length >= 1 && loginPwValue.length >= 1) ? loginBtn.classList.add('login__color') : loginBtn.classList.remove('login__color');
}

• 추가 기능구현 리스트
  업데이트 예정