DOM(2)
-
Day30 : createElement / appendChild
onkeydown 의 속성 중 하 해당하는 태그 영역 내에서 키보드 버튼이 눌렸을 때 동작한다. input 에 내용을 입력하고 엔터키를 누르면 리스트에 추가되도록 하고 싶다. input 에서 엔터키를 어떻게 구분하도록 할까? window 전역 객체 최상위에 가장 높은 공간에 존재 event 속성을 체크할 수 있다 *event : 이 페이지에 벌어지고 있는 어떠한 이벤트를 모두 체크할 수 있다. 'A'를 input에 입력한 뒤 event를 체크해보자 'A'의 아스키코드가 keyCode에 들어가는 것을 알 수 있다. 이를 통해 엔터키의 keyCode(13)가 나오는 경우 리스트에 추가되도록 하는 조건문을 걸면 된다. input에 들어온 값을 리스트에 추가하려면 js로 html 태그 를 생성해야한다는 말이다...
2024.01.22 -
Day29 : DOM
DOM Document Object Mode 브라우저가 html 문서를 파싱하는 과정에서 생겨나는 객체 트리구조 *파싱 : 브라우저가 html 문서를 해석하는 것 html 페이지에서 document.querySelctor 등 document를 사용하는 경우가 있는데 그 document가 바로 DOM객체를 의미한다.
2024.01.18