Necesito ayuda con mi aplicación simple. Cuando hago clic en la fila seleccionada (resaltada), aparece el cuadro de alerta y puedo confirmar que me gustaría eliminar la seleccionada y está bien: la fila seleccionada se elimina. El problema es que verifiqué lo que sucederá cuando seleccione una fila y cierre el cuadro de alerta, luego la segunda fila y cierre el cuadro de alerta, luego la tercera y así sucesivamente. Cuando finalmente decido usar el botón de confirmación, no solo se elimina la fila resaltada, sino también la segunda/tercera/cuarta fila en la que hice clic, que decidí no eliminar. Quiero que mi aplicación elimine solo una fila seleccionada, independientemente de cuántas veces antes de usar el botón de confirmación hice clic en cualquier fila y cerré el cuadro de alerta.

A continuación, pongo el código responsable de todo lo que estoy escribiendo.

Gracias de antemano por cualquier comentario.

 const alertBox = document.querySelector('.alert-box'); tableBody.addEventListener('click',(e) => { document.querySelector('.ok').addEventListener('click',() => { const target = e.target.parentNode.childNodes[0].textContent; alertBox.classList.add('no-show'); sizesList.forEach((element,index) => { if (element.size.toLowerCase() === target.toLowerCase()) { sizesList.splice(index,1); localStorage.setItem('size',JSON.stringify(sizesList)); e.target.parentNode.remove(); }; }); }); document.querySelector('.fa-times').addEventListener('click',() => alertBox.classList.add('no-show')); });