Estoy tratando de crear una función en mi JavaScript estándar para eliminar las pestañas creadas con cloneNode (verdadero). A continuación se muestra lo que he intentado, pero no solo funciona.

Creé un formulario con una clase llamada secondSectionEmail; al hacer clic en el botón (+), el formulario se duplica usando cloneNode(). Cada formulario lleva un botón (x) que se supone que elimina una pestaña en particular. ¿Cómo logro esto por favor?

 <form class="secondSectionEmail"> <button id="closeBtn">x</button> <input type="email" id="recipient" placeholder="Enter Recipient Email"> <input type="text" placeholder="Subject"><br> <textarea type="text" placeholder="Enter Message"></textarea> <div class="upload"> <input type="file" multiple> <button>Send Mail</button> </div> </form> <br> <br> <button type="submit" id="arrow">+</button> <script> //script to add new tab let addbutton = document.getElementById("arrow"); var i = 0; addbutton.addEventListener("click", function (e) { e.preventDefault(); let boxes = document.querySelector(".secondSectionEmail"); let closeC = document.getElementById('closeBtn'); var clone = boxes.cloneNode(true); i++; clone.className=`secondSectionEmail${i}`; clone.classList.add(`mydiv`); closeC.classList.add(`timzy${i}`); boxes.after(clone); }) //Script to delete tab let deleteButton = document.querySelector(`.container`) deleteButton.addEventListener("click", function (event) { event.preventDefault() var del = event.target.parentElement.className; let newDel = document.getElementsByClassName(`${del}`); let newDelete = Array.from(newDel) console.log(newDelete) }) </script>