+
+
+
+
+
+
\ No newline at end of file
diff --git a/elciele-correa/src/script.js b/elciele-correa/src/script.js
new file mode 100644
index 0000000..cf8aae1
--- /dev/null
+++ b/elciele-correa/src/script.js
@@ -0,0 +1,95 @@
+// nó do input
+const inputado = document.querySelector('#todoInput');
+
+//nó da botao
+const botao = document.getElementById('todoSubmit');
+
+//nó da ul
+const listaTarefas = document.getElementById('todoLista');
+
+//nó do formulário
+const formulario = document.getElementById('todoForm');
+
+//nó do botão limpar
+const botaoLimpar = document.getElementById('todoRemoverTodos');
+
+// nó do botão marcar todos
+const botaoMarcarTodas = document.querySelector('#todoMarcarTodos');
+
+// criar evento botão
+botao.addEventListener('click', (event) => {
+ //previne que o formulário seja enviado ao clicar, espera processar o que precisa da função
+ event.preventDefault();
+
+ const elementoLista = document.createElement('li');
+ const textoElemento = document.createElement('p');
+ const deletaElemento = document.createElement('span');
+
+ // atribuímos o valor do input ao
criado a partir do clique no botão
+ textoElemento.innerText = inputado.value;
+ deletaElemento.innerText = '🗑';
+ // para excluir itens da lista, precisamos criar um elemento que represente isso, e colocar evento para remover o nó do dom
+
+ if (textoElemento.innerText.trim() === '') {
+ alert("Insira uma tarefa");
+ } else {
+ //pegamos o nó mãe , e acrescentamos o elemento filho com o append
+ listaTarefas.appendChild(elementoLista);
+ elementoLista.appendChild(textoElemento);
+ elementoLista.appendChild(deletaElemento);
+
+ // pegamos o nó do formulário e utilizamos um método para limpar o input
+ formulario.reset();
+
+ }
+
+ //função de checar
+ textoElemento.addEventListener("click", () => {
+ textoElemento.classList.add("checked");
+ });
+
+ //função de deletar
+ deletaElemento.addEventListener("click", () => {
+ listaTarefas.removeChild(elementoLista);
+ // outra de forma de resolver >>> elementoLista.remove();
+ });
+
+
+
+ //TODO função de marcar todos
+ botaoMarcarTodas.addEventListener('click', () => {
+ // o querySelectorALl retorna um array com itens de acordo o passado como parâmetro
+
+
+ if (botaoMarcarTodas.innerText === 'Marcar todos') {
+ const todosParagrafos = document.querySelectorAll('p');
+ console.log(todosParagrafos, "vai retornar todos os
+ listaTarefas.innerHTML = '';
+ });
+
+});
+
+
+
+// Eu fiz acompanhando a aula.
+//Eu ainda não consigo fazer sozinha pois ainda não consegui aprender o JavaScrip direito, então quando fica complexo assim, eu travo...
+//Vou continuar estudando muito
+// Obrigada pela aula.
\ No newline at end of file
diff --git a/projeto/src/script.js b/projeto/src/script.js
index e69de29..8b13789 100644
--- a/projeto/src/script.js
+++ b/projeto/src/script.js
@@ -0,0 +1 @@
+