He estado tratando de hacer una lista de tareas pendientes muy simple, pero cuando quiero mostrar la descripción de las tareas, muestra todas las descripciones, no solo para esa tarea en sí. Ver la imagen, solo quiero una descripción por cada tarea.

Estoy usando un bucle forEach , pero no sé si debo crear una nueva variable para recibir solo la descripción de las tareas. ¿Qué puedo hacer para mostrar solo un elemento de la descripción y eso se refiere a la tarea?

Aquí está el archivo EJS:

 <% todo.forEach(function(task) { %> <div class="itens"> <li> <a class="item" href="/edit/<%= task._id %>"> <%= task.task %> </a> <a class="item del-btn" href="/delete/<%= task._id %>" onclick="return confirm('Deseja excluir?');"> <img class="trash-icon" src="/images/trash.png" alt=""> </a> <a class="item del-btn" href="/delete/<%= task._id %>" onclick="return confirm('Tarefa Concluida?');"> <img class="trash-icon" src="/images/done.png" alt=""> </a> <% todo.forEach(function(desc) { %> <p> <%= desc.desc %> </p> <% }); %> </li> </div> <% }); %>

Oye, averigüé cuál era el problema aquí. El segundo bucle es lo que hace que la descripción se muestre duplicada y no solo para la tarea. Simplemente borre el segundo ciclo y cambie el <%= desc.desc %> a <%= task.desc %> y funcionará bien.