How to apply class?

Question

JavaScript

I'm so sorry, I did that.

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

I have a lot of checkboxes and for each I'm guessing doing id is not the right decision, maybe I'm wrong.

I tried to do it through a class, but for some reason it doesn't work. What's wrong?

window.addEventListener('DOMContentLoaded', function(){
    document.querySelectorAll("div.input-checkbox").addEventListener('change', function(){
        document.querySelectorAll('div.color-label-editions').classList.toggle('active-label-color')
    })
});

Answer 1

querySelector returns a single element in this case everything will work, but querySelectorAll returns a NodeList collection to which you are trying to add a listener and a class