JavaScript 2

JavaScript를 사용하여 목록을 추가하는 간단한 예제

※ 본인이 공부하면서 JavaScript문서를 보고 만든 예제입니다.※ 누구나 사용할 수 있습니다. (잘 봤다는 댓글이나 공감 해주시면 감사♥)※ 좋은 자료 서로서로 공유하며 실력 향상합시다!※ 모두다 JavaScript 열공! 🙌   목록을 추가하는 이벤트만 있는 예제입니다.(삭제하는 이벤트는 없음) 요약 설명JavaScript를 사용하여 태그에서 text를 입력 후 Enter키를 누르면 태그에 태그가 추가된다.추가된 태그에는 태그에서 입력한 text의 내용이 적혀있다. 최종 모습 CodepenSee the Pen add list by eziquexx (@eziquexx) on CodePen.  사용한 HTML 태그 사용한 JavaScript 이벤트keydown event 사용한 Methods.ad..

JavaScript HTML DOM

JavaScript HTML DOMHTML DOM을 사용하면 JavaScript는 HTML 문서의 모든 요소에 엑세스(접근)하고 변경할 수 있다. HTML 문서의 계층 관계 (DOM)웹 페이지가 로드되면 브라우저는 페이지의 문서 객체 모델(Document Object Model )을 생성한다.HTML DOM모델은 객체 트리로 구성되어 있다.객체 모델을 통해 JavaScript는 동적 HTML을 생성하는데 필요한 모든 기능을 얻는다.JavaScript는 페이지의 모든 HTML 요소를 변경할 수 있다.JavaScript는 페이지의 모든 HTML 속성을 변경할 수 있다.JavaScript는 페이지의 모든 CSS 스타일을 변경할 수 있다.JavaScript는 기존 HTML 요소 및 속성을 제거할 수 있습니다.J..

JavaScript 2024.08.23