-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
67 lines (55 loc) · 1.76 KB
/
script.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
// definimos el boton de guardar con el elemento buscando por id
const botonGuardar = document.getElementById('guardar')
// definimos el inputValue buscando por su id
const inputValue = document.querySelector('#input-1')
// definimos un array vacio
let arr = []
var localS;
// creamos un add eventListener que escuchara el click del boton guardad
botonGuardar.addEventListener('click', () => {
// agrega el valor del input al final del arreglo arr
arr.push(inputValue.value)
// lo guardamos en localStorage con la llave lista-pokemon y el valor es el arrego arr
localStorage.setItem('arrPalabras', arr)
//imprimimos en consola el arreglo actualizado
console.log(arr)
//limpiamos el valor del input
inputValue.value = ''
renderElement(arr)
})
function eliminar(item) {
const index = arr.indexOf(item);
//console.log(index);
if (index > -1) {
arr.splice(index, 1)
localStorage.setItem('arrPalabras', arr)
}
renderElement();
}
function editar(item) {
const index = arr.indexOf(item);
let nuevo = prompt('Ingresa el nuevo valor');
arr.splice(index,1,nuevo);
localStorage.setItem('arrPalabras', arr)
renderElement();
}
function renderElement() {
let container = document.getElementById('palabra')
console.log(arr)
container.innerHTML = '';
arr.forEach(function (el) {
container.innerHTML += `
<tr>
<td>${el} </td>
<td><button class="btn-del" onclick="eliminar(this.id)" id="${el}"><i class="fa-solid fa-trash-can"></i></button></td>
<td><button class="btn-edit" onclick="editar(this.id)" id="${el}"><i class="fas fa-edit"></i></button></td>
</tr>
`;
})
}
function getElements() {
localS = localStorage.getItem('arrPalabras')
arr = localS.split(',')
renderElement()
}
getElements()