MCPcopy Create free account
hub / github.com/codemistic/Web-Development / createItem

Method createItem

To-Do List/Task Schedule List/main.js:18–44  ·  view source on GitHub ↗
(name)

Source from the content-addressed store, hash-verified

16 this.createItem(name);
17 }
18 createItem(name){
19 var itemBox = document.createElement('div');
20 itemBox.classList.add('item');
21
22 var input = document.createElement('input');
23 input.type = "text";
24 input.disabled = true;
25 input.value = name;
26 input.classList.add('item_input');
27
28 var edit = document.createElement('button');
29 edit.classList.add('edit');
30 edit.innerHTML = '<i class="fas fa-edit"></i>';
31 edit.addEventListener('click', () => this.edit(input, name));
32
33 var remove = document.createElement('button');
34 remove.classList.add('remove');
35 remove.innerHTML = '<i class="fas fa-trash"></i>';
36 remove.addEventListener('click', () => this.remove(itemBox, name));
37
38 container.appendChild(itemBox);
39
40 itemBox.appendChild(input);
41 itemBox.appendChild(edit);
42 itemBox.appendChild(remove);
43
44 }
45
46 edit(input, name){
47 if(input.disabled == true){

Callers 1

constructorMethod · 0.95

Calls 2

editMethod · 0.95
removeMethod · 0.95

Tested by

no test coverage detected