Al hacer clic en el botón, aparece un mensaje de alerta. El problema es que el mensaje de alerta aparece dos veces. Sé que se debe a que agregué el evento "clic", pero eliminé el evento antes de volver a agregar el evento "clic". Entonces, ¿por qué no funciona? Ejecute el fragmento que adjunté a esta publicación para comprenderlo. Gracias
HTML
<html> <div class="main"></div> </html>JAVASCRIPT
class RenderOne { renderOne() { return ` <button class="add-btn">Add</button> ` } renderData() { const mainContain = document.getElementsByClassName("main") mainContain[0].innerHTML = this.renderOne() } clickBtn() { const addBtn = document.getElementsByClassName("add-btn") addBtn[0].addEventListener("click", () => { alert("I was clicked") }) } removeEvent() { const addBtn = document.getElementsByClassName("add-btn") addBtn[0].removeEventListener("click", this.clickBtn()) } } class TestingMain { render() { const render = new RenderOne() render.renderData() render.removeEvent() } } class RunTest { renderRunTest() { const render = new RenderOne() render.removeEvent() } } let testingMain = new TestingMain() let runTest = new RunTest() testingMain.render() runTest.renderRunTest()