Se supone que este código me permite agregar líneas a una tabla que contiene valores de nombre, fecha y cantidad de dinero y, al final de cada línea, también crea un botón que me permite eliminar esa línea específica.
const nameEl = document.getElementById("name-el") const dateEl = document.getElementById("date-el") const amountEl = document.getElementById("amount-el") const tableEl = document.getElementById("table-el") const buttonEl = document.getElementById("button-el") let myExpense = [] buttonEl.addEventListener("click", function() { myExpense.push({ name: nameEl.value, date: dateEl.value, amount: amountEl.value }) renderTable() }) function renderTable() { for (let i = 0; i < myExpense.length; i++) { tableEl.innerHTML += ` <tr> <th>${myExpense[i].name}</th> <th>${myExpense[i].date}</th> <th>${myExpense[i].amount}</tr> </th> <button id="deleteThis">X</button> ` } } function deleteThis(index) { myExpense.splice(index, 1); renderTable(); } /* no css */ <!-- no HTML -->Quiero que este botón creado por JS se elimine a sí mismo y a su respectiva línea de la tabla, pero por algún motivo no funciona.