ToDoList Retorne fecha y prioridad
Publicado por Yuraima (1 intervención) el 27/04/2022 21:29:01
Hola,
Cómo puedo actualizar el JS para que returne la función la información del día y la prioridad de la lista de tareas?
Gracias
Cómo puedo actualizar el JS para que returne la función la información del día y la prioridad de la lista de tareas?
Gracias
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
const form = document.forms[0]
const taskInput = form.task //para sacar texto de la tarea
const addButton = document.querySelector("#add") //añadir
const cleanButton = document.querySelector("#clean") //limpiar
const emptyButton = document.querySelector("#empty") //borrar
const taskUl = document.querySelector("ul") //donde añadir las tareas en el DOM
let taskArr = []
const savedTasks = localStorage.getItem("tasks")
if(savedTasks){
taskArr = JSON.parse(savedTasks)
}
function updateList(){
taskUl.innerHTML = ""
saveTasks()
let htmlString = ""
for( let i = 0; i < taskArr.length; i++){
const {text, done} = taskArr[i]
const liString = `<li ${done? 'class="done"' : ""}>
<input type="checkbox" data-index="${i}" ${done? "checked" : ""}>
<p>${text}</p>
</li>`
htmlString += liString
}
taskUl.innerHTML = htmlString
}
updateList()
function saveTasks(){
const tasksJSON = JSON.stringify(taskArr)
localStorage.setItem("tasks", tasksJSON)
}
function addTask(){
const text = taskInput.value
if(text.length >= 3){
taskArr.unshift({
text,
done: false
})
taskInput.value = ""
updateList()
} else{
alert("El texto tiene que tener al menos tres caracteres")
}
}
function toggleTaskDone(e){
if(e.target.matches("input")){
const checkbox = e.target
const {index} = checkbox.dataset
const task = taskArr[index]
task.done = !task.done
updateList()
}
}
function clean(){
const filteredArr = taskArr.filter(task => !task.done)
taskArr = filteredArr
updateList()
}
function empty(){
const code = prompt("Para borrar escribe 'BORRAR':")
if(code === "BORRAR"){
taskArr = []
updateList()
}
}
addButton.addEventListener("click", addTask)
cleanButton.addEventListener("click", clean)
emptyButton.addEventListener("click", empty)
taskUl.addEventListener("click", toggleTaskDone)
Valora esta pregunta


-1