인스타그램 로그인페이지 아이디,비밀번호입력시 로그인버튼 활성화

const inputId = document.querySelector('.input-login')
//'.input-login' 불러오기
const inputPw = document.querySelector('.input-pw')
//'.input-pw' 불러오기
const button = document.querySelector('.button')
//'.button' 불러오기

inputId.addEventListener('keyup', function(){//
  const idValue = inputId.value;
  //아이디 입력창의 값 가져오기
  const pwValue = inputPw.value;
  //비밀번호 입력창의 값 가져오기

  if(idValue.includes('@') && pwValue.length >= 5){
    //조건 '@'포함 그리고 글자수가 5글자 이상일 때 
    //이제 .button 태그의 css 속성 중 background-color만 변경해주기!
    button.style.backgroundColor = '#0295f6'
    //버튼의 색을 바꿔준다.
  }
})

inputPw.addEventListener('keyup', function(){
  const idValue = inputId.value;
  const pwValue = inputPw.value;

  if(idValue.includes('@') && pwValue.length >= 5){
    //이제 .button 태그의 css 속성 중 background-color만 변경해주기!
    button.style.backgroundColor = '#0295f6'
  }
})

로그인, 패스워드, 활성화 버튼 HTML

<div>     
  <div class="login">
    <input class="input-login" type="id" placeholder="전화번호, 사용자 이름 또는 이메일">
    <input class="input-pw" type="password" placeholder="비밀번호">
    <button class="button">로그인</button>
  </div>
</div>