ADD file via upload

main.js

@@ -0,0 +1,48 @@
+// frontend/main.js
+
+function addTodo() {
+    const todoList = document.getElementById('todoList');
+    const todoInput = document.getElementById('todoInput');
+    const todoText = todoInput.value;
+    fetch('http://127.0.0.1:5000/todos',{
+        method: 'POST',
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({text: todoText}),
+    })
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Network response was not ok! response='+response.status);
+            }
+            return response.text(); // 从响应获取文本数据
+        })
+        .then(newTodo => {
+            const todoItem = document.createElement('li');
+            todoItem.textContent = newTodo.text;
+            todoList.appendChild(todoItem);
+            todoInput.value = '';
+        })
+        .then(data => {
+            try {
+                const jsonData = JSON.parse(data); // 尝试解析响应数据
+                console.log('JSON data:', jsonData);
+            } catch (error) {
+                console.error('Error parsing JSON:', error);
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+        });
+
+    document.getElementById("todoList").innerHTML = todoText;
+}
+// fetch('http://127.0.0.1:5000',{mode: 'no-cors'})
+//     .then(response => response.json())
+//     .then(todos => {
+//         todos.forEach(todo => {
+//             const todoItem = document.createElement('li');
+//             todoItem.textContent = todo.text;
+//             todoList.appendChild(todoItem);
+//         });
+//     });