I'm doing a quiz app, and when the user picks an answer, I want to display the next question. The thing is, the event listener on the other buttons are not removed, only the button the user clicked (using once:true). Is there a way that I can remove all event listeners on the other buttons when only one of them is fired?

Here is my code:

   function enableButtons(correctAnswer) {
    
    btns.forEach((btn) => {
        btn.addEventListener(
            'click',
            function () {
                if (checkAnswer(btn.textContent, correctAnswer)) {
                    btn.classList.add('correctAnswer');
                } else {
                    btn.classList.add('wrongAnswer');
                }

                setTimeout(function () {
                    removeBtnClasses(btn),
                    nextQuestion()
                }, 2000);
            },
            {once: true}
        )
    })

}