JavaScript - ToDoList Retorne fecha y prioridad

 
Vista:

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

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
-1
Responder
sin imagen de perfil
Val: 91
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

ToDoList Retorne fecha y prioridad

Publicado por Alfredo (36 intervenciones) el 29/07/2022 18:50:47
Primero debes agregar la propiedad prioridad a tu objeto que agregas al arreglo y luego usas un sort en la función que las retorna
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar