-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
60 lines (53 loc) · 2.22 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
const
inputBox = document.querySelector(".inputField input"),
addBtn = document.querySelector(".inputField button"),
todoList = document.querySelector(".list");
function showTasks() {
let
getLocalStorage = localStorage.getItem("todo"),
list = getLocalStorage == null ? [] : JSON.parse(getLocalStorage),
newLiTag = '',
number = document.querySelector(".number");
list.forEach((li, index) => {
newLiTag += `<li>${li}<span onclick="deleteTask(${index})"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><g><path d="M9.16992 14.8299L14.8299 9.16992" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M14.8299 14.8299L9.16992 9.16992" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></g></svg></span></li>`;
todoList.innerHTML = newLiTag;
number.innerHTML = list.length;
});
}
function deleteTask(index){
let
getLocalStorage = localStorage.getItem("todo"),
list = JSON.parse(getLocalStorage);
list.splice(index, 1);
localStorage.setItem("todo", JSON.stringify(list));
showTasks();
if(index === 0){
window.location.reload();
}
}
inputBox.addEventListener("input", () => {
let todoData = inputBox.value;
if (todoData.length !== 0) {
addBtn.classList.remove("disable");
} else {
addBtn.classList.add("disable");
}
});
addBtn.addEventListener("click", () => {
let
getLocalStorage = localStorage.getItem("todo"),
todoData = inputBox.value,
list = getLocalStorage === null ? [] : JSON.parse(getLocalStorage);
list.push(todoData);
localStorage.setItem("todo", JSON.stringify(list));
inputBox.value = "";
showTasks();
});
window.addEventListener("load", ()=>{
showTasks();
});
function deleteAll(){
let list = [];
localStorage.setItem("todo", JSON.stringify(list));
window.location.reload();
}