-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
78 lines (70 loc) · 2.27 KB
/
main.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
72
73
74
75
76
77
let input = document.querySelector('.input')
let addBtn = document.querySelector('.addBtn')
let container = document.querySelector('.container')
class Item {
constructor(newTask) {
this.createDiv(newTask);
}
createDiv(input){
/* Div item */
let inputItem = document.createElement('input')
let disabled = inputItem.disabled = true
inputItem.classList.add('itemInput')
inputItem.value = input.value
let div = document.createElement('div')
div.classList.add('item')
/* Boton editar */
let editBtn = document.createElement('button')
editBtn.classList.add('editBtn')
let iEdit = document.createElement('i')
iEdit.classList.add('fad')
iEdit.classList.add('fa-edit')
editBtn.appendChild(iEdit)
/* Boton Borrar */
let removeBtn = document.createElement('button')
removeBtn.classList.add('removeBtn')
let iRemove = document.createElement('i')
iRemove.classList.add('fad')
iRemove.classList.add('fa-trash-alt')
removeBtn.appendChild(iRemove)
/* anexamos los hijos a container y al div */
div.appendChild(inputItem)
div.appendChild(editBtn)
div.appendChild(removeBtn)
container.appendChild(div)
/* Escuchamos el evento del Click para editar*/
/* editBtn.addEventListener("click", function() {
disabled = !disabled
inputItem.value.addEventListener('change', function(e) {
inputItem.value = e.target.value;
})
}) */
/* Escuchamos el evento del Click para Borrar*/
removeBtn.addEventListener("click", function() {
container.removeChild(div)
})
}
}
function checkInput(){
if(input.value != undefined){
new Item(input)
}
}
addBtn.addEventListener("click", function() {
if(input.value != "") {
checkInput()
input.value="";
}
else {
alert("No se puede enviar una tarea vacia")
}
})
/* addBtn.addEventListener("onkeypress", function (e) {
if ( e.keyCode == 13 && input.value != "") {
checkInput()
input.value = "";
}
else {
alert("No se puede enviar una tarea vacia")
}
}) */