Traté de crear un evento onclick, pero no pasó nada
let myWork = [] const submitEl = document.getElementById("submit-el") const clearEl = document.getElementById("clear-el") const listEl = document.getElementById("list-el") const textEl = document.getElementById("text-el") submitEl.addEventListener("click", function () { myWork.push(textEl.value) renderItems() }) clearEl.addEventListener("click", function () { myWork.pop() renderItems() }) function renderItems() { let listItems = "" for (let i = 0; i < myWork.length; i++) { listItems += `<li>${myWork[i]} </li> <button>Done</button>` } listEl.innerHTML = listItems }¿Cómo hago para que este botón se elimine solo?
Si entiendo su pregunta, desea que el botón "Listo" elimine su propia línea al hacer clic.
Como una solución rápida, puede escribir:
listItems += `<li>${myWork[i]} </li> <button onclick="deleteWorkByIndex(${i})>Done</button>` function deleteWorkByIndex(index) { myWork.splice(index, 1); // Delete the item n°{index} renderItems(); }