script.js

const BASE_URL = "https://todolist-1-yenc.onrender.com";

let token = localStorage.getItem("token") || "";

// Register
async function register() {
const email = regEmail.value;
const pass = regPass.value;

const res = await fetch(`${BASE_URL}/signup`, {
method: "POST",
headers: {"Content-Type": "application/json"},
body: JSON.stringify({ email, pass })
});

const data = await res.json();
alert(data);
}

// Login
async function login() {
const email = logEmail.value;
const pass = logPass.value;

const res = await fetch(`${BASE_URL}/login`, {
method: "POST",
headers: {"Content-Type": "application/json"},
body: JSON.stringify({ email, pass })
});

const data = await res.json();
token = data.accessToken;
localStorage.setItem("token", token);

alert("Login successful");
}

// Add Task
async function addTask() {
const name = taskName.value;

const res = await fetch(`${BASE_URL}/post`, {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${token}`
},
body: JSON.stringify({ name })
});

const data = await res.text();
alert(data);
getTasks();
}

// Get Tasks (you must create this API if not exists)
async function getTasks() {
const res = await fetch(`${BASE_URL}/tasks`, {
headers: {
"Authorization": `Bearer ${token}`
}
});

const tasks = await res.json();

const list = document.getElementById("taskList");
list.innerHTML = "";

tasks.forEach(task => {
const li = document.createElement("li");
li.innerHTML = `       ${task.name}       <button class="delete-btn" onclick="deleteTask('${task.name}')">X</button>
    `;
list.appendChild(li);
});
}

// Delete Task
async function deleteTask(name) {
const res = await fetch(`${BASE_URL}/remove`, {
method: "DELETE",
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${token}`
},
body: JSON.stringify({ name })
});

const data = await res.text();
alert(data);
getTasks();
}