Entonces, mi código debería eliminar el texto y el botón que tienen el mismo índice de datos, pero en este momento solo está eliminando el div con el índice de datos correcto.

Traté de hacer e.target.remove(); pero eso quita el ultimo boton y no el que se presiono

 let div; let k = 0; let o = 0; function addBookToLibrary(bookToAdd) { myLibrary.push(bookToAdd); div = document.createElement("div"); div.textContent = Object.values(bookToAdd); div.dataset.index = k; k++; main.appendChild(div); const remove = document.createElement("button"); remove.textContent = "remove"; remove.dataset.index = o; o++; main.appendChild(remove); remove.addEventListener("click", (e) => { let dataIndex = e.target.dataset.index; let element = document.querySelector(`div[data-index="${dataIndex}"]`); element.remove(); myLibrary.splice(dataIndex, 1); }) }