script태그를 만나면 렌더링이 멈춘다.(화면이 멈춤)
script를 body 하단에 넣는다.

<script async src=""></script>
<script defer src=""></script> 
//defer: head에 위치시켜도 빠르게 작동함. 
//자바스크립트가 다운된 상태에서 html을 다 읽으면 바로 작동된다.

eventhandler

const eventhandler = function () {
   if(isMoreThan4Length(inputUserId.value) && onlyNumberAndEnglish(inputUserId.value)){
     //true
     idLengthMessage.classList.add('passColor');
     idCharNumMessage.classList.add('passColor');
   } else {
     //false
     if(!isMoreThan4Length(inputUserId.value)) {
       idLengthMessage.classList.remove('passColor');
     } 
     else if(!onlyNumberAndEnglish(inputUserId.value)) {
       idCharNumMessage.classList.remove('passColor');
     } 
   }
 }

 inputUserId.addEventListener('keyup', eventhandler);