JavaScript - Crear tabla con datos asignados del js

 
Vista:
sin imagen de perfil

Crear tabla con datos asignados del js

Publicado por Andy (1 intervención) el 09/07/2023 22:27:48
He intentado usar el apartado de let para asignar los datos pero me sale un error en la linea 48 y no entiendo el problema si me pudiesen ayudar

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
let completar = document.getElementById('listatareas')
let tareas = [
  {
    descripcion: 'Llamar a papá',
    importancia: 'alta',
    terminada: false,
  },
  {
    descripcion: 'Comprar zapatos',
    importancia: 'baja',
    terminada: false,
  },
  {
    descripcion: 'Comprar arroz',
    importancia: 'media',
    terminada: true,
  },
  {
    descripcion: 'Lavar la ropa',
    importancia: 'baja',
    terminada: false,
  },
  {
    descripcion: 'Estudiar para el examen',
    importancia: 'alta',
    terminada: false,
  },
  {
    descripcion: 'Pasear al perro',
    importancia: 'media',
    terminada: false,
  },
  {
    descripcion: 'Visitar a la abuela',
    importancia: 'alta',
    terminada: true,
  },
]
 
for (let i = 0; i < 8; i=i +1) {
  let actividad = tareas[i]
  let tarea = document.createElement('div');
  let texto = document.createTextNode(actividad.descripcion);
 
  tarea.classList.add('Caja');
  tarea.classList.add(actividad.importancia);
 
  completar.appendChild(tarea);
  tarea.appendChild(texto);
 
  tarea.addEventListener('click', function () {
    tarea.classList.toggle('terminado');
  });
  if (actividad.terminada) {
    tarea.classList.add('terminado')
  }
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Crear tabla con datos asignados del js

Publicado por Alejandro (532 intervenciones) el 10/07/2023 17:26:08
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
Tienes 7 tareas lo que te da un indice máximo de 6. Al iterar de 0 a 7 el ultimo indice no existe, por eso te da error.

Dos formas de hacerlo:
1
for(actividad of tareas){...

1
for (let i = 0, t = tareas.lengt; i < t; i++) {...
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