-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
71 lines (49 loc) · 1.85 KB
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
// Variáveis que eu quero que fiquem globais
const pegarElementoUl = document.getElementById('ul')
let input = document.getElementById('ler')
const tarefas = []
// Escreve no Front END
function mostraTarefa(){
// Zera a UL para que nao haja clone de output do laço for
// Exemplo: input = 1 output = 1
// input = 2 output = 1 1 2
// input = 3 output = 1 1 2 2 3
pegarElementoUl.innerHTML = ''
// Procura tarefa no Array tarefas
for(tarefa of tarefas){
// Cria um elemento li
const li = document.createElement('li')
// Cria um texto com a variavel do array tarefas
const textoTarefa = document.createTextNode(tarefa)
// Adiciona o texto na li
li.appendChild(textoTarefa)
// Adiciona o li na ul
pegarElementoUl.appendChild(li)
// Criar link
const aDel = document.createElement('a')
// Criar texto do botao
const aValue = document.createTextNode("X")
// Colocar o texto do botão no Botão
aDel.appendChild(aValue)
// Colocar o botão com o Texto na Li
li.appendChild(aDel)
// Criar IndexOf para saber onde pegar cada item do array
const position = tarefas.indexOf(tarefa)
// Depois de ter criado a posição de cada item do
// array vamos setar um atributo na tag "a" que
// criamos
aDel.setAttribute("onclick",`deletaTarefa(${position})`)
}
}
function adicionarArray(){
// adiciona meus inputs no array
tarefas.push(input.value)
console.log(input.value)
// Zera o value do input após eu chamar a função
input.value = ""
mostraTarefa()
}
function deletaTarefa(position){
tarefas.splice(position, 1)
mostraTarefa()
}