No sé cómo explicar esto, pero déjame intentarlo. Actualmente estoy haciendo un proyecto de anotador de snooker y explicaré un problema que tengo.
//Add point when player pots balls buttons.yellowButton.addEventListener('click', () => { coloredBall(2); // add 2 points to player }) buttons.greenButton.addEventListener('click', () => { coloredBall(3); // add 3 points to player }) . . . . . buttons.blackButton.addEventListener('click', () => { coloredBall(7); // add 7 points to player })El código anterior funciona bien, solo actualiza la puntuación del jugador. Ahora, cuando todos los rojos estén colocados, quiero desactivar todos los botones excepto el botón que los jugadores suponen que deben tocar. Entonces creo una función que agregará un nuevo evento a los botones. La cuestión es que cuando reinicio un juego, quiero poder eliminar esos eventos y agregar el mismo evento cuando todos los rojos estén en el bote nuevamente. ¿Cómo puedo hacer esto?
allRedArePotted = function() => { buttons.yellowButton.disabled = false; buttons.yellowButton.addEventListener('click', () => { disableAllButtons(); buttons.greenButton.disabled = false; yellow = 0; }) buttons.greenButton.addEventListener('click', () => { disableAllButtons(); buttons.brownButton.disabled = false; green = 0; }) buttons.brownButton.addEventListener('click', () => { disableAllButtons(); buttons.blueButton.disabled = false; brown = 0; }) buttons.blueButton.addEventListener('click', () => { disableAllButtons(); buttons.pinkButton.disabled = false; blue = 0; }) buttons.pinkButton.addEventListener('click', () => { disableAllButtons(); buttons.blackButton.disabled = false; pink = 0; }) buttons.blackButton.addEventListener('click', () => { black = 0; checkWinner(); }) }Utilice funciones con nombre (no anónimas) para los controladores de eventos y elimínelas cuando lo desee. Por ejemplo:
// adding document.addEventListener('click', clickHandler); // removing document.removeEventListener('click', clickHandler);Como se menciona en los comentarios, es mejor mantener el estado de su programa en algún lugar y actuar de acuerdo con eso. Agregar y quitar controladores no es un buen enfoque.
someHandler(e) { if(condition) { // act1 } else { //act2 } }