-
Notifications
You must be signed in to change notification settings - Fork 0
/
todo.js
46 lines (39 loc) · 1.3 KB
/
todo.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
document.addEventListener("submit", function (e) {
e.preventDefault();
let userInput = document.getElementById("item").value;
const newListItem = createListItem(userInput);
const checkBox = addCheckmark(newListItem);
const deleteButton = addDeleteButton(newListItem);
document
.getElementById("list")
.appendChild(deleteButton)
.appendChild(checkBox);
document.getElementById("item").value = "";
});
function createListItem(input) {
const listItem = document.createElement("li");
listItem.setAttribute("id", "overkill");
const text = document.createTextNode(input);
listItem.appendChild(text);
return listItem;
}
function addCheckmark(listItem) {
const checkMark = document.createElement("input");
listItem.appendChild(checkMark);
checkMark.addEventListener("click", function (c) {
listItem.style.textDecoration = checkMark.checked ? "line-through" : "none";
});
checkMark.setAttribute("type", "checkbox");
checkMark.setAttribute("id", "checker");
return checkMark;
}
function addDeleteButton(listItem) {
const deleteItem = document.createElement("button");
deleteItem.addEventListener("click", function (r) {
listItem.remove();
});
deleteItem.setAttribute("id", "deleter");
deleteItem.innerText = "X";
listItem.appendChild(deleteItem);
return listItem;
}