-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
52 lines (42 loc) · 1.34 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
var enterButton = document.getElementById("enter");
var input = document.getElementById("userInput")
var ul = document.querySelector("ul"); //to find the first element that matches one or more CSS selectors.
var item = document.getElementsByTagName("li");
function inputLength(){
return input.value.length;
}
function listLength(){
return item.length;
}
function createListElement(){
var li = document.createElement("li");
li.appendChild(document.createTextNode(input.value));
ul.appendChild(li);
input.value = ""; // reset text input field
//start strikethrough
function crossOut(){
li.classList.toggle("done");
}
li.addEventListener("click",crossOut);
//delete button
var dBtn = document.createElement("button");
dBtn.appendChild(document.createTextNode("X"));
li.appendChild(dBtn);
dBtn.addEventListener("click",deleteListItem);
function deleteListItem(){
li.classList.add("delete")
}
} //createistElement
function addListAfterClick(){
if(inputLength()>0){
createListElement();
}
}
function addListAfterKeypress(event){
if(inputLength()>0 && event.which ===13){
createListElement();
//13 is key enter key keycode
}
}
enterButton.addEventListener("click",addListAfterClick);
input.addEventListener("keypress",addListAfterKeypress);