Dseok의 코딩스터디

📌 개요자바스크립트에서 DOM(Document Object Model)을 조작하는 방법을 배워보겠습니다.이 글에서는 바닐라 자바스크립트를 사용하여 다음 기능을 구현합니다:클릭 시 li 요소에 on 클래스를 추가/제거 (토글 기능)a 태그 버튼을 사용하여 새로운 li 요소를 동적으로 추가사용된 자바스크립트 메서드들에 대한 상세 설명이 기능을 통해 JavaScript로 DOM을 조작하는 기본적인 원리를 이해하고, 실무에서 활용할 수 있도록 학습해봅시다! 💡 📌 구현 목표✅ li 요소를 클릭하면 on 클래스를 추가하거나 제거하는 기능 ✅ a 태그 버튼을 클릭하면 새로운 li 요소를 동적으로 생성 ✅ 사용된 주요 JavaScript 메서드 설명 포함 ✅ 두 가지 예제 제공 📌 HTML 구조 ..

📌 개요HTML에서 특정 부모 요소 안의 자식 요소들을 배열로 가져와 속성을 컨트롤하거나, 사용자가 입력한 내용을 동적으로 추가하는 기능을 구현하는 방법을 설명합니다.이를 위해 HTML, CSS, JavaScript를 활용하여 리스트 관리 시스템을 만들어 보겠습니다.📌 구현 목표부모 요소 안의 자식 요소들을 배열로 가져와서 속성 변경버튼 클릭 시 새로운 자식 요소를 추가하는 기능입력한 텍스트 값을 리스트로 추가하는 기능 📌 HTML 구조 자식 요소 컨트롤 & 추가 첫 번째 아이템 두 번째 아이템 세 번째 아이템 배경색 변경 추가 마지막 항목 ..