Dom 정리 프로젝트하면서 너무 많이 배워갑니다.

1.탬플릿 문자열로 무조건 해라 . 실수 무지 많이 한다. id구분해서 이벤트 지정도 힘든데 철자로 틀리면 개고생한다.

2.textContent, innerHTML 내용 넣는애들

id나 class 찾기 getElementId 나 className 또는 querySelector 또는 querySelectorAll

3.onclick에 함수 할당해서 안되면 id 지정해서 addEventListner 써서 click 이나 enter 일때 함수실행으로 하는 방법도 있다.
그리고 좀 참신한게 'keydown'으로 해서 e.keyCode =13 엔터를 치면이란 뜻임 으로 해서 하는 방법도 있다.

4. 태그.style.display = 'none';
   태그.textContent = ""
  태그.innerHtml = ""
이렇게하는 방법이 있다.

5.setAttribute("속성","속성값")  근데 onclick은 안되는거 같다. 이건 좀더 알아봐야 할거 같다.

 

6.
let 입력리스트 = document.querySelectorAll('input') // 8개 [4]
console.log( "입력리스트",입력리스트 )
하면 input태그를 배열로 담아서 입력리스트에 저장한다.