Entonces, en un proyecto de lista de tareas pendientes, escribí esto:

 <table id="list"> <tr> <span id="task" /> <input id="inTask" placeholder="Add Task" /> </tr> </table> <button id="addTask" type="button" onclick="addTask()">+</button>

Que se supone que debe agregar una entrada al hacer clic y mostrar el valor de entrada anterior sobre el campo de entrada. Aquí está la función JavaScript:

 function addTask() { let table = document.getElementById("list"); let input = '<tr><span id="task" /><input id="inTask" placeholder="Add Task" /></tr>'; let task = document.getElementById("inTask").value; if (task !== "") { document.getElementById("task").innerText = task; document.getElementById("list").innerHTML += input; } }

El problema es que cuando agrego una tarea, se agrega el campo de entrada, pero luego, cuando escribo una tarea en el nuevo campo de entrada, muestra el valor de la nueva entrada en lugar de la anterior, puede intentarlo para entender: https ://t3wth8.csb.app Y no tengo ideas sobre cómo solucionarlo.