[1주차] 박지수 미션 제출합니다.

jsomnium/todo.html

@@ -17,7 +17,6 @@ <h1>✔ To Do</h1>
         <section class="todo-container">
             <div class="todo-header">
                 <h2>오늘 할 일</h2>
-                <div>9월 7일 토요일 (날짜)</div>
                 <p id="currentDate"></p>
             </div>
 
@@ -32,7 +31,7 @@ <h2>오늘 할 일</h2>
         </section>
     </main>
 
-    <script src="script.js"></script>
+    <script src="todo.js"></script>
 </body>
 
 </html>

jsomnium/todo.js

@@ -0,0 +1,31 @@
+// 날짜 출력
+const currentDateElement = document.getElementById('currentDate');
+const today = new Date();
+const days = ['일', '월', '화', '수', '목', '금', '토'];
+currentDateElement.textContent = `${today.getMonth() + 1}월 ${today.getDate()}일 ${days[today.getDay()]}요일`;
+
+// 할 일 추가 기능
+const addButton = document.getElementById('addButton');
+const newTodoInput = document.getElementById('newTodo');
+const todoList = document.getElementById('todoList');
+
+addButton.addEventListener('click', addTodo);
+
+function addTodo() {
+    const newTodo = newTodoInput.value.trim();
+    if (newTodo) {
+        const todoItem = document.createElement('li');
+        const textNode = document.createTextNode(newTodo);
+        const removeButton = document.createElement('button');
+        removeButton.textContent = '삭제';
+        removeButton.addEventListener('click', () => {
+            todoList.removeChild(todoItem);
+        });
+
+        todoItem.appendChild(textNode);
+        todoItem.appendChild(removeButton);
+        todoList.appendChild(todoItem);
+
+        newTodoInput.value = '';
+    }
+}