안녕하세요. 아래의 링크의 코드는 입력한 단어를 포함한 도시가 있는지 찾고 화면에 출력하는 코드입니다. https://codepen.io/w00kgod/pen/XGbpwy

input 태그안에 입력이 발생한 후, 도시의 정보가 담긴 배열속에 입력한 값이 포함되어있는지 찾기 위해

input.addEventListener('change',function(){
  const matchedArray = FindMatchesArray(input.value,cities);
  displayMatchedArray(matchedArray);
});

와 같이 change 이벤트를 받았는데요. 이 경우 입력만 한 다음에는 화면에 출력이 안되고, 마우스로 다른곳을 클릭하던가 해야되더라구요.. 질문1 : 인풋에 키보드로 입력만 한것은 change 이벤트로 생각하지 않기때문인것같은데.. change 이벤트는 어떤 이벤트를 처리할때 사용하나요? 이 문제의 경우 change가 아니라 keyup 이벤트를 받아서 처리하는것이 맞는것같고.. change 이벤트는 주로 input의 변화가 있을때 사용한다고 하는데.. 변화중에서도 이렇게 keyup 으로 처리할 수 있는 변화가 대부분인것같아서 주로 사용하는 경우가 궁금합니다.

따라서 keyup 이벤트를 추가해 글자가 입력될때마다 출력이 일어나도록 만들어주었는데요.

input.addEventListener('keyup',function(){
  const matchedArray = FindMatchesArray(input.value,cities);
  displayMatchedArray(matchedArray);
});

질문2 : keyup 이벤트가 발생하고 나면 왜 input.value의 값이 저장되나요? keyup 이벤트에 왜 input.value가 저장되는것인가요?