DEV Community

Discussion on: Why are these codes not working?

Collapse
 
adedams profile image
Adedams

Oh sorry about the presentation. This is actually my first post.

let buttons = document.querySelectorAll('button');

function display() {
buttons.forEach(buttons => {
buttons.addEventListener('click', () => {
buttons.classList.add('active')
});
})
}

Collapse
 
pavelloz profile image
Paweł Kowalski

Sure thing, here you have working minimal example :)

codepen.io/pavelloz/pen/YzZXzXR?ed...

I dont think you need display function at all, but since you do, you need to execute it, so evrything inside (including attaching event listeners) occur.