이제 JavaScript 할 일 목록 항목에 삭제 버튼이 포함됩니다.

Question

목록의 각 항목에 삭제 버튼을 추가하려고 합니다. 삭제 버튼이 없는 한 해당 항목을 추가할 수 있습니다.

으아아아 으아아아

저는 생성한 각 목록 항목에서 "onclick" =deleteiite(item)을 사용하는 방법을 시도했습니다. 삭제 기능에서 queryselector, getelementbyId 및 queryselectorall을 사용해 보았습니다.

삭제 기능을 추가하려고 하지 않는 한 목록 항목 추가는 작동합니다.

Answer 1

코드에 일부 오류가 있습니다.

• 클릭 이벤트에서 "click" 대신 "onClick"을 사용하셨습니다
• 귀하의 클릭 이벤트 할당은 실제로 실행 중이거나 삭제 기능을 해석하고 해당 기능의 반환 값을 클릭 기능으로 사용하려고 합니다.
• 함수에 필요한 ID 대신 목록 항목 HTML 요소도 전달하고 있습니다. 그런 다음 함수는 요소 자체를 사용하여 요소를 찾으려고 시도한 다음 동일한 인수를 사용하여 하위 요소를 제거합니다. 이는 항상 정의되지 않은 것을 반환합니다.

클릭 시 실행할 함수를 반환하는 다른 함수로 래핑하고 다음과 같이 오류를 수정해야 합니다.

으아아아 으아아아