FE-JS1-homework

과제 1-1

📌버튼 클릭 시 특정 요소 숨기기

button을 클릭하면 <div id="text">가 사라지도록 button에 자바스크립트를 추가해봅시다.

2025-03-27.12.52.55.mov

과제 1-2

📌클릭하여 메뉴 열기/닫기 기능 구현

이 과제에서는 클릭할 때 메뉴가 열리고 닫히는 기능을 구현해야 합니다. 사용자가 특정 버튼(또는 영역)을 클릭하면, 숨겨져 있던 메뉴가 나타나고, 다시 클릭하면 사라지는 동작을 수행해야 합니다.

2025-03-27.3.14.29.mov

과제 2

TODO List 만들기

이번 과제는 JavaScript를 활용하여 Todo List 기능을 구현하는 과제입니다. HTML과 CSS는 제공되며, 여러분은 JavaScript를 활용하여 동적인 기능을 추가해야 합니다.

• 사용자가 입력한 할 일을 리스트에 추가
• 추가된 할 일을 화면에 표시
• 할 일 삭제 기능 구현

2025-03-27.4.39.49.mov

📌 요구 사항

1️⃣ 할 일 추가 기능

• 사용자가 input 필드에 입력한 값을 목록에 추가해야 합니다.
• "추가" 버튼을 클릭하면 입력한 할 일이 .todo-items 리스트에 추가되어야 합니다.
• 입력 후 input 필드는 자동으로 비워져야 합니다.

2️⃣ 할 일 삭제 기능

• "삭제" 버튼을 클릭하면 해당 할 일이 목록에서 제거되어야 합니다.

🚀 멋진 Todo List를 만들어보세요! 🚀