Esta función es necesaria durante algún tiempo. Pero cuando se completan las tareas, necesito desactivarlo, ya que después de hacer clic en 'tablero' no funcionaría.
board.addEventListener('click', event => { if (event.target.classList.contains('circle')) { score++ event.target.remove() createRandomCircle() } else if (!event.target.classList.contains('circle')) { fault++ } }) //Here I want to deactivate this event listenerLlamaría a una función de controlador que devuelve una nueva función con nombre ( un cierre ) para que actúe como oyente. Luego puede revisar sus tareas y eliminar el oyente cuando estén completas.
const board = document.querySelector('#board'); board.addEventListener('click', handler(), false); function handler() { // This is the function the listener uses return function listener(e) { console.log(e.target); console.log('Task one'); console.log('Task two'); board.removeEventListener('click', listener); console.log('The button no longer works.'); } } <button id="board">Board</button>