사용자가 할일을 추가하고, 완료된 할일을 체크할 수 있으며, 삭제할 수 있는 간단한 할일 목록 웹 애플리케이션을 만드세요. 사용자는 텍스트 입력 상자를 통해 새로운 할일을 추가할 수 있으며, 각 할일은 체크박스를 통해 완료 여부를 표시할 수 있습니다. 완료된 할일은 목록에서 삭제할 수 있는 기능도 포함되어야 합니다. 모든 기능은 웹 브라우저에서 동작해야 하며, HTML과 JavaScript를 사용하여 구현합니다.
예시:
예시1: '청소하기'라는 할일을 추가하면, 목록에 '청소하기'가 표시됨. 예시2: '청소하기'의 체크박스를 클릭하면 완료된 것으로 표시됨. 예시3: 완료된 '청소하기'를 삭제하면 목록에서 사라짐.
제약조건:
HTML과 JavaScript만 사용하여 구현해야 합니다. 외부 라이브러리 사용 금지. 웹 브라우저에서 동작해야 합니다.
HTML 요소를 생성하고 DOM에 추가하는 방법을 학습하세요.
이벤트 리스너를 사용하여 버튼 클릭 시 동작을 구현하세요.
체크박스를 통해 완료 여부를 표시하고 스타일을 변경해 보세요.