-
Notifications
You must be signed in to change notification settings - Fork 0
/
list.js
31 lines (23 loc) · 863 Bytes
/
list.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
var input = document.getElementById("userinput");
var button = document.getElementById("addItem");
var ul = document.querySelector("ul");
function createListItem() {
var li = document.createElement("li");
li.appendChild(document.createTextNode(input.value));
var del = document.createElement('button');
del.textContent = 'Delete';
del.classList.add("delete");
li.appendChild(del);
ul.appendChild(li);
input.value = "";
input.focus();
}
function deleteAfterClick(event) {
// Determine if it was a delete button that was clicked
if(event.target.classList.contains("delete")){
// Remove the closest li ancestor to the clicked element
event.target.closest("li").remove();
}
}
button.addEventListener("click", createListItem);
ul.addEventListener("click", deleteAfterClick);