-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
37 lines (30 loc) · 867 Bytes
/
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
let tags = [];
function addTag(e){
let code = (e.keyCode ? e.keyCode : e.which);
if(code != 13){
return;
}
let tag = e.target.value.trim();
if(tag.length<1 || tags.includes(tag)){
e.target.value = "";
return;
}
let index = tags.push(tag);
let tagItem = document.createElement("div");
tagItem.classList.add("item");
tagItem.innerHTML = `
<span>${tag}</span>
<span class ="delete-btn" onclick="deleteTag(this , '${tag}')">
×
</span>
`;
document.querySelector(".tag-list").appendChild(tagItem);
e.target.value = "";
}
function deleteTag(ref , tag){
let parent = ref.parentNode.parentNode;
parent.removeChild(ref.parentNode);
let index = tags.indexOf(tag);
tags.splice(index);
}
document.querySelector(".tag-input").addEventListener("keyup",addTag);