Instrumクローンコード


ログインページ


  • 機能実施リスト
  • 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');
    }
  • その他機能実施リスト
    計画更新