├── index.js
└── index.html
/index.js:
--------------------------------------------------------------------------------
1 | function AddTask(){
2 | var content=document.getElementById("user-input").value;
3 | var element=document.getElementById("task-container")
4 | console.log(element);
5 | var newElement= document.createElement('div');
6 | newElement.setAttribute('id','ind-task')
7 | newElement.innerHTML='
'+content+'
'
8 | element.append(newElement)
9 |
10 |
11 | }
12 | function DeleteTask(event){
13 | event.target.parentElement.remove()
14 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Document
9 |
10 |
11 |
12 |
Enter the task
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
Task 1:
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------