-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
65 lines (59 loc) · 1.83 KB
/
script.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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
const inputBox = document.querySelector(".inputField input");
const addBtn = document.querySelector(".inputField button");
const todoList = document.querySelector(".todoList");
const clearAll = document.querySelector(".footer button");
inputBox.onkeyup = ()=>{
let userData = inputBox.value;
if(userData.trim() != 0){
addBtn.classList.add("active");
}else{
addBtn.classList.remove("active");
}
}
showTasks();
addBtn.onclick = ()=>{
let userData = inputBox.value;
let getLocalStorage = localStorage.getItem("New Todo");
if(getLocalStorage == null){
listAdd = [];
}else{
listAdd = JSON.parse(getLocalStorage);
}
listAdd.push(userData);
localStorage.setItem("New Todo" , JSON.stringify(listAdd));
showTasks();
addBtn.classList.remove("active");
}
function showTasks(){
let getLocalStorage = localStorage.getItem("New Todo");
if(getLocalStorage == null){
listAdd = [];
}else{
listAdd = JSON.parse(getLocalStorage);
}
const num = document.querySelector(".num");
num.textContent = listAdd.length;
if(listAdd.length > 0){
clearAll.classList.add("active");
}else{
clearAll.classList.remove("active");
}
let newLiTag = '';
listAdd.forEach((element, index) => {
newLiTag += `<li> ${element} <span onclick="deleteTask(${index})"><i class="fas fa-trash"></i></span></li>`;
});
todoList.innerHTML = newLiTag;
inputBox.value = "";
}
function deleteTask(index){
let getLocalStorage = localStorage.getItem("New Todo");
listAdd = JSON.parse(getLocalStorage);
listAdd.splice(index, 1)
localStorage.setItem("New Todo" , JSON.stringify(listAdd));
showTasks();
}
clearAll.onclick = ()=>{
listAdd = [];
localStorage.setItem("New Todo" , JSON.stringify(listAdd));
showTasks();
}