Why doesn't the class switch?

Question

JavaScript

Hello. I'm trying to switch the class of the label on click, but it doesn't switch. What is the problem here?

<label class="label-checkbox-editions" id="color-label-editions">
                            <input type="checkbox" name="" class="section__editions-checkbox">
                            Бестселлеры
                            <span></span>
                        </label>

window.addEventListener('DOMContentLoaded', function(){
    document.querySelector("#color-label-editions").addEventListener('click', function(){
        document.querySelector("#color-label-editions").classList.toggle('active-label-color')
    })
});

Answer 1

Switches. Twice. Google what happens when a label is clicked. Also google "event bubbling".
Instead of clicking on the label, you should track the change on the input.