to-do-list/script.js at main · Sarvardev035/to-do-list · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
const todoInput = document.getElementById("todoInput");
const todoList = document.getElementById("todoList");

// Function to create a new to-do item
function createTodoItem(task) {
  const li = document.createElement("li");
  li.textContent = task;

  // Create delete button
  const deleteButton = document.createElement("button");
  deleteButton.textContent = "X";
  deleteButton.onclick = () => li.remove();

  li.appendChild(deleteButton);
  todoList.appendChild(li);
}

// Event listener to add task when Enter key is pressed
todoInput.addEventListener("keypress", function (event) {
  if (event.key === "Enter" && todoInput.value.trim() !== "") {
    createTodoItem(todoInput.value);
    todoInput.value = ""; // Clear input field
  }
});
// const todoInput = document.getElementById("todoInput");
// const todoList = document.getElementById("todoList");

// Function to create a new to-do item
function createTodoItem(task) {
  const li = document.createElement("li");
  li.textContent = task;

  // Create delete button


  li.appendChild(deleteButton);
  todoList.appendChild(li);

  alert("Task saved!");  // Show a pop-up when a task is added
}

// Event listener to add task when Enter key is pressed
todoInput.addEventListener("keypress", function (event) {
  if (event.key === "Enter" && todoInput.value.trim() !== "") {
    createTodoItem(todoInput.value);
    todoInput.value = ""; // Clear input field
  }
});


// Function to create a new to-do item
function createTodoItem(task) {
  const li = document.createElement("li");
  li.textContent = task;

  // Create delete button
  const deleteButton = document.createElement("button");
  deleteButton.textContent = "X";
  deleteButton.onclick = () => {
    // Confirm deletion before removing the task
    const confirmDelete = confirm("Do you really want to delete this task?");
    if (confirmDelete) {
      li.remove();
      alert("You deleted the task!");  // Show pop-up after deletion
    }
  };

  li.appendChild(deleteButton);
  todoList.appendChild(li);

  alert("Task saved!");  // Show pop-up when task is added
}

// Event listener to add task when Enter key is pressed
todoInput.addEventListener("keypress", function (event) {
  if (event.key === "Enter" && todoInput.value.trim() !== "") {
    createTodoItem(todoInput.value);
    todoInput.value = ""; // Clear input field
  }
});