├── README.md
├── index1.css
├── index.js
└── index1.html
/README.md:
--------------------------------------------------------------------------------
1 | # html-fiie
2 |
--------------------------------------------------------------------------------
/index1.css:
--------------------------------------------------------------------------------
1 | html{
2 |
3 | }
4 | .pa1{
5 | position: relative;
6 | right: 50%;
7 | background-color: antiquewhite;
8 | }
9 |
10 | .list{
11 | position: relative;
12 | right: -45%;
13 | }
14 | .list-button{
15 | background-color: greenyellow;
16 | }
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | function AddTask() {
2 | var content = document.getElementById("user-input").value;
3 | var element = document.getElementById("task-container");
4 |
5 | var newElement = document.createElement('div');
6 | newElement.classList.add('ind-task');
7 | newElement.innerHTML = '' + content + '
';
8 |
9 | element.appendChild(newElement);
10 | }
11 |
12 | function DeleteTask(event) {
13 | event.target.parentElement.remove();
14 | }
--------------------------------------------------------------------------------
/index1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | DO-TO-LIST
11 |
12 |
13 |
14 | DO-TO-LIST
15 |
16 |
Enter the task
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
Task 1:
27 |
28 |
29 |