To-Do-Application/script.js at main · manishshetty27/To-Do-Application · 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
let ctr = 1;
        function deleteTodo(itsCtrNumber) {
            const TaskNumber = document.getElementById(itsCtrNumber);
            TaskNumber.parentNode.removeChild(TaskNumber);
        }

        function addTodo(){
            const inputEl = document.querySelector("input");
            const value = inputEl.value.trim();

        if (value === "") {
                alert("Please enter a todo item!");
                return;
            }

            const newDivEl = document.createElement("div");
            newDivEl.setAttribute("id", ctr);

            newDivEl.innerHTML = "<div>" + value + '</div><button onclick="deleteTodo(' + ctr + ')">Done</button>';

            document.querySelector("body").appendChild(newDivEl)
            ctr = ctr + 1;
            inputEl.value = "";
        }