-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
44 lines (36 loc) · 1.19 KB
/
app.js
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
let btn = document.querySelector("button");
let ul = document.querySelector("ul");
let inp = document.querySelector("input");
let del = document.querySelectorAll(".btn");
let countValue = document.querySelector(".count-value");
let taskCount = 0;
const displayCount=(taskCount)=>{
countValue.innerText = taskCount;
}
btn.addEventListener("click",function(){
if(inp.value.trim()==""){
alert("Input Todo ");
}
else{
let item = document.createElement("li");
let delBtn = document.createElement("Button");
item.innerText = inp.value;
delBtn.innerHTML = '<i class="fa-solid fa-trash"></i>';
delBtn.classList.add("delete");
item.appendChild(delBtn);
ul.appendChild(item);
inp.value = "";
}
});
ul.addEventListener("click",function(event){
if(event.target.nodeName == "BUTTON"){
let listItem = event.target.parentElement;
listItem.remove();
taskCount--;
countValue.innerText = taskCount;
}else if(event.target.nodeName == 'LI') {
event.target.classList.toggle('red-line');
taskCount++;
countValue.innerText = taskCount;
}
});