Untitled

let todos = [];

function showCreateForm() {
  const assignee = document.getElementById("assignee").value;
  const task = document.getElementById("task").value;
  todos.push({ assignee, task });
  document.getElementById("assignee").value = "";
  document.getElementById("task").value = "";
  displayTodos();
}

function displayTodos() {
  const todoItems = document.getElementById("todoItems");
  todoItems.innerHTML = "";
  todos.forEach(({ assignee, task }) => {
    const li = document.createElement("li");
    li.textContent = `Assignee: ${assignee}, Task: ${task}`;
    todoItems.appendChild(li);
  });
}

function deleteTodos() {
  const assignee = document.getElementById("assignee").value;
  todos = todos.filter(({ assignee: todoAssignee }) => todoAssignee !== assignee);
  document.getElementById("assignee").value = "";
  displayTodos();
}

function editTodos() {
  const assignee = document.getElementById("assignee").value;
  const index = todos.findIndex(({ assignee: todoAssignee }) => todoAssignee === assignee);
  if (index !== -1) {
    const newAssignee = document.getElementById("assignee").value;
    const newTask = document.getElementById("task").value;
    todos[index] = { assignee: newAssignee, task: newTask };
    document.getElementById("assignee").value = "";
    document.getElementById("task").value = "";
    displayTodos();
  } else {
    alert("Todo not found!");
  }
}

function filterTodos() {
  const searchValue = document.getElementById("search").value.toLowerCase();
  const filteredTodos = todos.filter(({ assignee }) =>
    assignee.toLowerCase().includes(searchValue)
  );
  displayFilteredTodos(filteredTodos);
}

function displayFilteredTodos(filteredTodos) {
  const todoItems = document.getElementById("todoItems");
  todoItems.innerHTML = "";
  filteredTodos.forEach(({ assignee, task }) => {
    const li = document.createElement("li");
    li.textContent = `Assignee: ${assignee}, Task: ${task}`;
    todoItems.appendChild(li);
  });
}