From 47e8f57079ba25d070bd6e9ce99b127158f40bab Mon Sep 17 00:00:00 2001 From: christyanbrayan Date: Wed, 2 Sep 2020 18:21:17 -0300 Subject: [PATCH] add app --- index.html | 22 ++++++++++++++++++++++ main.css | 0 script.js | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 75 insertions(+) create mode 100644 index.html create mode 100644 main.css create mode 100644 script.js diff --git a/index.html b/index.html new file mode 100644 index 0000000..2258369 --- /dev/null +++ b/index.html @@ -0,0 +1,22 @@ + + + + + To-Do + + + +
+

To-Do

+ + + +
+ +

+ Developed by Christyan Brayan +

+ + \ No newline at end of file diff --git a/main.css b/main.css new file mode 100644 index 0000000..e69de29 diff --git a/script.js b/script.js new file mode 100644 index 0000000..e506748 --- /dev/null +++ b/script.js @@ -0,0 +1,53 @@ +var listElement = document.querySelector('#app ul'); +var inputElement = document.querySelector('#app input'); +var buttonElement = document.querySelector('#app button'); + +var toDos = JSON.parse(localStorage.getItem('list_toDos')) || []; + +function renderToDos() { + listElement.innerHTML = ''; + + for (toDo of toDos) { + var toDoElement = document.createElement('li'); + var toDoText = document.createTextNode(toDo); + + var linkElement = document.createElement('a'); + + linkElement.setAttribute('href', '#'); + + var pos = toDos.indexOf(toDo); + linkElement.setAttribute('onclick', 'deleteToDo(' + pos + ')'); + + var linkText = document.createTextNode('Delete'); + + linkElement.appendChild(linkText); + + toDoElement.appendChild(toDoText); + toDoElement.appendChild(linkElement); + + listElement.appendChild(toDoElement); + } +} + +renderToDos(); + +function addToDo() { + var toDoText = inputElement.value; + + toDos.push(toDoText); + inputElement.value = ''; + renderToDos(); + saveToStorage(); +} + +buttonElement.onclick = addToDo; + +function deleteToDo(pos) { + toDos.splice(pos, 1); + renderToDos(); + saveToStorage(); +} + +function saveToStorage() { + localStorage.setItem('list_toDos', JSON.stringify(toDos)); +} \ No newline at end of file