addEventListener

document.getElementsByClassName('navbar-toggler')[0].addEventListener('click', function(){
  document.getElementsByClassName('list-group')[0].classList.add('show');
  document.getElementsByClassName('list-group')[0].classList.toggle('show');
  document.querySelectorAll('.list-group')[0].classList.toggle('show');
  document.querySelector('.list-group').classList.toggle('show');
})

document.getElementById('al-close').addEventListener('click', function(){
  document.getElementById('albox').style.display = 'none';
} )
function showhide(i){
  document.getElementById('albox').style.display = i;
  document.getElementsByClassName('atext')[0].innerHTML = '아이디입력하셈';
}
function showhide2(i){
  document.getElementById('albox').style.display = i;
  document.getElementsByClassName('atext')[0].innerHTML = '비번입력하셈';
}

 

// input 인풋값이 변경되는동안 이벤트 
// change 인풋값이 변경되고 어딘가를 클릭했을때 

// 아이디비번 공백 체크
document.getElementById("gobtn").addEventListener("click", function (e) {
    // $('form').on('submit', function(e){ 이렇게 써도 동일함

    if (document.getElementById("id").value == "") {
        e.preventDefault();
        alert("아이디 입력해주세요");
    }
    if (document.getElementById("pw").value == "") {
        e.preventDefault();
        alert("비번 입력해주세요");
    }
    if (document.getElementById("pw").value.length < 6) {
        e.preventDefault();
        alert("6자리 이상 입력하세요");
    }
});