input.onkeydown의 동작

input.onkeydown = function changeHeader () {
  header.textContent = input.value;
};

키보드의 입력을 감지하는 onkeydown이벤트를 구독하고(input.onkeydown) 이벤트가 발생하면(키보드 입력) changeHeader 함수가 호출되고 input에 입력된 값을 저장한다.

function changeHeader(){}를 통해 changeHeader라는 함수를 사용자가 정의했다.
input.onkeydown을 통해 들어온 값을 input.value에 저장하고 이 값을 .textContent이벤트를 통해 header변수의 값을 바꾼다.
header변수는 header태그를 할당하였으므로 header태그의 컨텐츠가 바뀐다.

 

//더 공부해 볼 사항

**예제에서 입력한 글자가 바로 띄워지지 않고 하나 전의 글자가 띄워지는데 이는 실시간이 아니라 하나씩 popup되기 때문인가요?
**함수를 선언하고 그 함수를 호출해야 실행이 되는건데 위의 코드는 함수선언 아닌가요?  - 이벤트이기 때문인가..?